当我运行webpack时,我的javascript资源没有按照正确的顺序编译。 正确的顺序应该是Webpack 2没有以正确的顺序编译文件
- jQuery的
- 引导
然而,遵守包文件包含自举第一则jQuery的。请参考下面
webpack.config
var path = require('path');
var webpack = require('webpack');
var extractTextPlugin = require('extract-text-webpack-plugin');
var cleanWebpackPlugin = require('clean-webpack-plugin');
var jsDestPath = './wwwroot/';
const config = {
entry: {
css: './Assets/scss/app.scss',
app: './Assets/js/app.js',
vendor: './Assets/js/vendor.js'
},
output: {
path: path.resolve(__dirname, 'wwwroot/js'),
filename: '[chunkhash].[name].js'
},
module: {
rules: [
{
test: /\.js$/,
use: 'babel-loader'
},
{
test: /\.scss$/,
loader: extractTextPlugin.extract({
loader: 'css-loader!sass-loader'
})
}
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
names: ['vendor', 'manifest'] //Specify the common bundle's name.
}),
new extractTextPlugin({ filename: 'bundle.css', disable: false, allChunks: true}),
new webpack.LoaderOptionsPlugin({
debug: true,
minimize: true,
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: true,
}
}),
new cleanWebpackPlugin(['js'], {
root: jsDestPath,
verbose: true,
dry: false
})
],
}
module.exports = config;
vendor.js
import 'jquery/dist/jquery.js';
import 'bootstrap/dist/js/bootstrap.js';
感谢您的评论。但是,当页面加载时,我得到的错误控制台中没有定义jQuery。 Bootstrap依赖于Jquery。 –
@ErkanDemir,你有没有得到答案呢? – icfantv