Я работаю над использованием Zurb Foundation с помощью WebPack и NPM без Bower.
Проблема, с которой я сталкиваюсь, такая же, как и ниже:
https://github.com/zurb/foundation-sites/issues/7386
По сути, при установке базовых сайтов через NPM есть ссылки на модуль "фундамент", который не найден. Ошибка:
Module not found: Error: Cannot resolve module 'foundation' in c:\Users\Matt\Documents\Projects\test\node_modules\foundation-sites\dist
@ ./~/foundation-sites/dist/foundation.js
Здесь package.json:
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server"
},
"author": "",
"license": "ISC",
"dependencies": {
"foundation-sites": "6.0.5",
"webpack": "~1.12.6",
"webpack-dev-server": "~1.2",
"jquery": "2.1.1"
}
}
И вот webpack.config.js:
var path = require("path");
var webpack = require("webpack");
module.exports = {
entry: {
main: "./app/js/main.js"
},
output: {
path: __dirname,
filename: "bundle.js"
},
module: {
loaders: [
{ test: /\.css$/, loader: "style!css" },
{
test: /\.scss$/,
loaders: ["style", "css", "sass"]
},
{ test: /\.vue$/, loader: 'vue' }
],
resolve: {
modulesDirectories: ['node_modules']
}
},
sassLoader: {
includePaths: [path.resolve(__dirname, "./node_modules/foundation-sites/scss/")]
},
devServer: {
proxy: {
'/api/*': {
target: 'http://localhost:4567',
secure: false
}
}
}
};
Я могу обойти это, включив фундамент через беседку вместо этого, но я хочу устранить беседу и использовать только NPM.