86 lines
2.0 KiB
JavaScript
86 lines
2.0 KiB
JavaScript
import path from 'path';
|
|
import webpack from 'webpack';
|
|
import BundleAnalyzerPlugin from 'webpack-bundle-analyzer';
|
|
|
|
let BindleAnalyzer = BundleAnalyzerPlugin.BundleAnalyzerPlugin;
|
|
|
|
// environment either development or production
|
|
var MODE = 'development';
|
|
|
|
var WEBPACK_HOST = 'http://localhost';
|
|
|
|
// port number of dev server
|
|
// let dev server port be 3307
|
|
var WEBPACK_PORT = 3307;
|
|
|
|
var PUBLIC_PATH;
|
|
|
|
if (MODE === 'development') {
|
|
PUBLIC_PATH = WEBPACK_HOST + ':' + WEBPACK_PORT + '/js/dist/';
|
|
} else {
|
|
PUBLIC_PATH = 'js/dist/';
|
|
}
|
|
|
|
var module = {
|
|
rules: [
|
|
{ test: /\.(js)$/, use: 'babel-loader', exclude: /node_modules/ }
|
|
]
|
|
};
|
|
var devServer = {
|
|
port: WEBPACK_PORT,
|
|
hot: false,
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*'
|
|
},
|
|
|
|
};
|
|
var plugins = [
|
|
new webpack.optimize.OccurrenceOrderPlugin(),
|
|
new webpack.HotModuleReplacementPlugin(),
|
|
new webpack.NamedModulesPlugin(),
|
|
new webpack.NoEmitOnErrorsPlugin()
|
|
];
|
|
if (MODE === 'development') {
|
|
plugins.push(new BindleAnalyzer());
|
|
}
|
|
|
|
export default [{
|
|
mode: MODE,
|
|
entry: {
|
|
index_new: './js/src/index.js'
|
|
},
|
|
output: {
|
|
filename: '[name].js',
|
|
path: path.resolve(__dirname, 'js/dist'),
|
|
publicPath: PUBLIC_PATH
|
|
},
|
|
optimization: {
|
|
splitChunks: {
|
|
chunks: 'all',
|
|
minSize: 30000,
|
|
minChunks: 1,
|
|
maxAsyncRequests: 5,
|
|
maxInitialRequests: 3,
|
|
automaticNameDelimiter: '~',
|
|
name: true,
|
|
cacheGroups: {
|
|
vendors: {
|
|
test: /[\\/]node_modules[\\/]/,
|
|
priority: -10
|
|
},
|
|
default: {
|
|
minChunks: 2,
|
|
priority: -20,
|
|
reuseExistingChunk: true
|
|
}
|
|
}
|
|
}
|
|
},
|
|
module: module,
|
|
resolve: {
|
|
extensions: ['.js']
|
|
},
|
|
devServer: devServer,
|
|
plugins: plugins
|
|
}];
|
