92 lines
2.6 KiB
JavaScript
92 lines
2.6 KiB
JavaScript
|
var webpack = require("webpack");
|
|||
|
|
var path = require('path');
|
|||
|
|
var uglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
|
|||
|
|
var ExtractTextPlugin = require("extract-text-webpack-plugin");
|
|||
|
|
var HtmlWebpackPlugin = require('html-webpack-plugin');
|
|||
|
|
|
|||
|
|
var ROOT_PATH = path.resolve(__dirname); // 项目跟路径
|
|||
|
|
var APP_PATH = path.resolve(ROOT_PATH, 'Views'); // 项目开发目录src
|
|||
|
|
var APP_FILE = path.resolve(APP_PATH, 'index.js'); // 项目入口的index.js
|
|||
|
|
var DIST_PATH = path.resolve(ROOT_PATH, 'dist'); // 项目打包输出路径
|
|||
|
|
|
|||
|
|
module.exports = {
|
|||
|
|
entry: {
|
|||
|
|
app: APP_FILE,
|
|||
|
|
venders: [
|
|||
|
|
'react',
|
|||
|
|
'react-dom',
|
|||
|
|
'react-router',
|
|||
|
|
// 'antd',这里直接会把所有antd打包
|
|||
|
|
'mockjs',
|
|||
|
|
'babel-polyfill'
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
output: {
|
|||
|
|
path: DIST_PATH,
|
|||
|
|
filename: '[name].js',
|
|||
|
|
chunkFilename: 'js/[name].[chunkhash:5].min.js'
|
|||
|
|
},
|
|||
|
|
module: {
|
|||
|
|
loaders: [
|
|||
|
|
{
|
|||
|
|
test: /\.css$/,
|
|||
|
|
loader: ExtractTextPlugin.extract('style', ['css', 'autoprefixer'])
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
test: /\.less$/,
|
|||
|
|
loader: ExtractTextPlugin.extract('style', ['css', 'autoprefixer', 'less'])
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
test: /\.jsx?$/,
|
|||
|
|
exclude: /node_modules/,
|
|||
|
|
loaders: ['react-hot', 'babel?presets[]=es2015,presets[]=react,presets[]=stage-0']
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
test: /\.(png|jpg)$/,
|
|||
|
|
loader: 'file-loader?limit=8192&name=images/[hash:8].[name].[ext]'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
test: /\.(woff|woff2|eot|ttf|svg)(\?.*$|$)/,
|
|||
|
|
loader: 'url'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
resolve: {
|
|||
|
|
extensions: ['', '.js', '.jsx', '.json', '.less']
|
|||
|
|
},
|
|||
|
|
plugins: [
|
|||
|
|
// new webpack.ProvidePlugin({ $: "jquery" }), // 这是将jquery变成全局变量，不用在自己文件require('jquery')了
|
|||
|
|
new webpack.DefinePlugin({
|
|||
|
|
'process.env': {
|
|||
|
|
NODE_ENV: JSON.stringify('production') //定义生产环境
|
|||
|
|
}
|
|||
|
|
}),
|
|||
|
|
new webpack.optimize.CommonsChunkPlugin('venders', 'venders.js'), // 这是第三方库打包生成的文件
|
|||
|
|
new uglifyJsPlugin({
|
|||
|
|
output: {
|
|||
|
|
comments: false, // remove all comments
|
|||
|
|
},
|
|||
|
|
compress: {
|
|||
|
|
warnings: false
|
|||
|
|
}
|
|||
|
|
}),
|
|||
|
|
new ExtractTextPlugin("[name].css"),
|
|||
|
|
new HtmlWebpackPlugin({
|
|||
|
|
template: './Views/template/template.html', // html模板路径
|
|||
|
|
htmlWebpackPlugin: {
|
|||
|
|
files: {
|
|||
|
|
css: ["app.css"],
|
|||
|
|
js: ["bundle.js", "venders.js"]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
minify: {
|
|||
|
|
removeComments: true,
|
|||
|
|
collapseWhitespace: true, // 删除空白符与换行符
|
|||
|
|
removeAttributeQuotes: true // 移除HTML中的属性引号
|
|||
|
|
},
|
|||
|
|
filename: 'index.html',
|
|||
|
|
favicon:'./Views/favicon.ico', //favicon路径
|
|||
|
|
})
|
|||
|
|
]
|
|||
|
|
};
|