add HtmlWebpackPlugin
This commit is contained in:
parent
1f561319f3
commit
5af94c5295
3 changed files with 15 additions and 6 deletions
|
@ -5,6 +5,7 @@
|
|||
var path = require('path');
|
||||
var webpack = require('webpack');
|
||||
var ExtractTextPlugin = require('extract-text-webpack-plugin');
|
||||
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
||||
|
||||
module.exports = {
|
||||
// 入口
|
||||
|
@ -15,7 +16,7 @@ module.exports = {
|
|||
// 输出
|
||||
output: {
|
||||
path: path.join(__dirname, '../test/dist'),
|
||||
publicPath: '/test/dist/',
|
||||
publicPath: '',
|
||||
filename: '[name].js',
|
||||
chunkFilename: '[name].chunk.js'
|
||||
},
|
||||
|
@ -99,8 +100,15 @@ module.exports = {
|
|||
}
|
||||
},
|
||||
plugins: [
|
||||
new ExtractTextPlugin({ filename: '[name].css', disable: false, allChunks: true }), // 提取CSS
|
||||
// new ExtractTextPlugin({ filename: '[name].css', disable: false, allChunks: true }),
|
||||
// new ExtractTextPlugin("[name].css",{ allChunks : true,resolve : ['modules'] }), // 提取CSS
|
||||
// https://doc.webpack-china.org/plugins/commons-chunk-plugin/
|
||||
new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.js' })
|
||||
new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.bundle.js' }),
|
||||
new HtmlWebpackPlugin({
|
||||
inject: true,
|
||||
filename: path.join(__dirname, '../test/dist/index.html'),
|
||||
template: path.join(__dirname, '../test/index.html') // 模版文件
|
||||
})
|
||||
// new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'), // 提取第三方库
|
||||
]
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue