74 lines
2.2 KiB
JavaScript
74 lines
2.2 KiB
JavaScript
var path = require('path')
|
|
var webpack = require('webpack')
|
|
var ExtractTextPlugin = require('extract-text-webpack-plugin');
|
|
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
|
|
module.exports = {
|
|
entry: {
|
|
vendor: ['vue','vuex','vue-router'],
|
|
bundle: './src/index'
|
|
},
|
|
output: {
|
|
path: path.join(__dirname, 'dist'),
|
|
filename: '[hash:8].[name].js',
|
|
},
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
'process.env':{
|
|
'NODE_ENV': JSON.stringify('production')
|
|
}
|
|
}),
|
|
new webpack.optimize.OccurenceOrderPlugin(),
|
|
new webpack.optimize.UglifyJsPlugin({
|
|
compress: { warnings: false }
|
|
}),
|
|
new webpack.optimize.CommonsChunkPlugin({
|
|
name: "vendor",
|
|
//filename:"vendor.js",
|
|
minChunks: Infinity //Infinity
|
|
}),
|
|
new ExtractTextPlugin('[hash:8].style.css', { allChunks: true }),
|
|
new HtmlWebpackPlugin({
|
|
favicon:'./src/favicon.ico',
|
|
title: "JackHu's blog",
|
|
template: path.join(__dirname,'src/index.html'), //模板文件
|
|
inject:'body',
|
|
hash:false, //为静态资源生成hash值
|
|
minify:{ //压缩HTML文件
|
|
removeComments:false, //移除HTML中的注释
|
|
collapseWhitespace:true //删除空白符与换行符
|
|
}
|
|
}),
|
|
],
|
|
module: {
|
|
loaders: [
|
|
{
|
|
test: /\.vue$/,
|
|
loader: 'vue'
|
|
},
|
|
{
|
|
test: /\.js$/,
|
|
loader: 'babel',
|
|
exclude: /node_modules|vue\/dist|vue-hot-reload-api|vue-router\/|vue-loader/
|
|
},
|
|
{ test: /\.(css|scss)$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?sourceMap!sass-loader?sourceMap&includePaths[]=' + path.resolve(__dirname, "./node_modules/compass-mixins/lib") ) },
|
|
{
|
|
test: /\.(jpe?g|png|gif)$/i,
|
|
loaders: [
|
|
'url?limit=10000&name=images/[hash:8].[name].[ext]',
|
|
'image-webpack?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
|
|
]
|
|
},{
|
|
test: /\.(woff|woff2|ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
loader: 'url?limit=10000&name=fonts/[hash:8].[name].[ext]'
|
|
}
|
|
|
|
]
|
|
},
|
|
resolve: {
|
|
root: path.resolve(__dirname, 'node_modules'),
|
|
extensions: ['','.js','.vue','.scss']
|
|
}
|
|
}
|
|
|