Я только начала изучать webpack 2 и столкнулась с проблемой: не могу подключить bootstrap. Нашла в интернете много туториалов, как русскоязычных, так и англоязычных, но ничего не получается. При выполнении каждого выпадают различные ошибки.
Очень прошу ваших советов, комментариев и разъяснений по этому поводу.
P.S. Добавлю свои webpack.config.js и package.json
webpack.config.js
const webpack = require('webpack');
module.exports = {
entry:
'./zero.js',
output: {
filename: "./main.js"
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),
new webpack.ProvidePlugin({
Vue: ['vue/dist/vue.esm.js', 'default']
})
]
};
package.json
{
"name": "webpack",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"scripts": {
"start": "webpack"
},
"dependencies": {
"bootstrap": "^3.3.7",
"bootstrap-webpack": "^0.0.6",
"bower": "^1.8.0",
"extract-text-webpack-plugin": "^2.1.2",
"imports-loader": "^0.7.1",
"jquery": "^3.2.1",
"vue": "^2.3.4",
"webpack": "^2.6.1",
"webpack-dev-server": "^2.4.5"
},
"devDependencies": {
"css-loader": "^0.28.4",
"file-loader": "^0.11.2",
"less-loader": "^4.0.4",
"style-loader": "^0.18.2",
"url-loader": "^0.5.9"
}
}