|
| 1 | +var webpack = require('webpack'); |
| 2 | +var OpenBrowserPlugin = require('open-browser-webpack-plugin'); |
| 3 | +var HtmlWebpackPlugin = require('html-webpack-plugin'); |
| 4 | +var ExtractTextPlugin = require('extract-text-webpack-plugin'); |
| 5 | +var precss = require('precss'); |
| 6 | +var autoprefixer = require('autoprefixer'); |
| 7 | +var CopyWebpackPlugin = require('copy-webpack-plugin'); |
| 8 | +var version = require('./package.json').version; |
| 9 | + |
| 10 | + |
| 11 | +// 程序入口 |
| 12 | +var entry = __dirname + '/src/index.js'; |
| 13 | + |
| 14 | +// 输出文件 |
| 15 | +var output = { |
| 16 | + filename: 'page/[name]/index.js', |
| 17 | + chunkFilename: 'chunk/[name].[chunkhash:5].chunk.js', |
| 18 | +}; |
| 19 | + |
| 20 | +// 生成source-map追踪js错误 |
| 21 | +var devtool = 'source-map'; |
| 22 | + |
| 23 | +// eslint |
| 24 | +var eslint = { |
| 25 | + configFile: __dirname + '/.eslintrc.js', |
| 26 | +} |
| 27 | + |
| 28 | +// loader |
| 29 | +var loaders = [ |
| 30 | + { |
| 31 | + test: /\.(json)$/, |
| 32 | + exclude: /node_modules/, |
| 33 | + loader: 'json', |
| 34 | + }, |
| 35 | + { |
| 36 | + test: /\.(js|jsx)$/, |
| 37 | + exclude: /node_modules/, |
| 38 | + loader: 'babel!eslint-loader', |
| 39 | + }, |
| 40 | + { |
| 41 | + test: /\.(?:png|jpg|gif)$/, |
| 42 | + loader: 'url?limit=8192', //小于8k,内嵌;大于8k生成文件 |
| 43 | + }, |
| 44 | + { |
| 45 | + test: /\.less/, |
| 46 | + loader: ExtractTextPlugin.extract('style', 'css?modules&localIdentName=[hash:base64:4]!postcss!less'), |
| 47 | + } |
| 48 | +]; |
| 49 | + |
| 50 | +// dev plugin |
| 51 | +var devPlugins = [ |
| 52 | + new CopyWebpackPlugin([ |
| 53 | + { from: './src/resource/music/music.mp3' }, |
| 54 | + { from: './src/resource/css/loader.css' }, |
| 55 | + ]), |
| 56 | + // 热更新 |
| 57 | + new webpack.HotModuleReplacementPlugin(), |
| 58 | + // 允许错误不打断程序, 仅开发模式需要 |
| 59 | + new webpack.NoErrorsPlugin(), |
| 60 | + // 打开浏览器页面 |
| 61 | + new OpenBrowserPlugin({ |
| 62 | + url: 'http://0.0.0.0:8080/' |
| 63 | + }), |
| 64 | + // css打包 |
| 65 | + new ExtractTextPlugin('css.css', { |
| 66 | + allChunks: true |
| 67 | + }), |
| 68 | +] |
| 69 | + |
| 70 | +// production plugin |
| 71 | +var productionPlugins = [ |
| 72 | + // 定义生产环境 |
| 73 | + new webpack.DefinePlugin({ |
| 74 | + 'process.env.NODE_ENV': '"production"', |
| 75 | + }), |
| 76 | + // 复制 |
| 77 | + new CopyWebpackPlugin([ |
| 78 | + { from: './src/resource/music/music.mp3' }, |
| 79 | + { from: './src/resource/css/loader.css' }, |
| 80 | + ]), |
| 81 | + // HTML 模板 |
| 82 | + new HtmlWebpackPlugin({ |
| 83 | + template: __dirname + '/server/index.tmpl.html' |
| 84 | + }), |
| 85 | + // JS压缩 |
| 86 | + new webpack.optimize.UglifyJsPlugin({ |
| 87 | + compress: { |
| 88 | + warnings: false |
| 89 | + }} |
| 90 | + ), |
| 91 | + // css打包 |
| 92 | + new ExtractTextPlugin('css-' + version + '.css', { |
| 93 | + allChunks: true |
| 94 | + }), |
| 95 | +]; |
| 96 | + |
| 97 | +// dev server |
| 98 | +var devServer = { |
| 99 | + contentBase: './server', |
| 100 | + colors: true, |
| 101 | + historyApiFallback: false, |
| 102 | + port: 8080, // defaults to "8080" |
| 103 | + hot: true, // Hot Module Replacement |
| 104 | + inline: true, // Livereload |
| 105 | + host: '0.0.0.0', |
| 106 | +}; |
| 107 | + |
| 108 | +module.exports = { |
| 109 | + entry: entry, |
| 110 | + devtool: devtool, |
| 111 | + output: output, |
| 112 | + loaders: loaders, |
| 113 | + devPlugins: devPlugins, |
| 114 | + productionPlugins: productionPlugins, |
| 115 | + devServer: devServer, |
| 116 | + postcss: function () { |
| 117 | + return [precss, autoprefixer]; |
| 118 | + }, |
| 119 | + version: version |
| 120 | +}; |
0 commit comments