bji1

最新推荐文章于 2025-08-15 16:48:42 发布

转载最新推荐文章于 2025-08-15 16:48:42 发布 · 103 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1773772/blog/1608822

文章标签：

#webpack #json #ViewUI

为什么80%的码农都做不了架构师？>>>

const path = require('path');
const webpack = require('webpack');
// const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const BabiliPlugin = require('babili-webpack-plugin');
const plugin = new ExtractTextPlugin({
    filename : '[name].css',
    ignoreOrder : true //忽略排序
});
const PATHS = {
    app : path.join(__dirname,'app'),
    build : path.join(__dirname,'build')
};

module.exports = {
    devServer : {
        host : process.env.HOST,// 'localhost'
        port : 8088, // 8080
        overlay: {
            errors : true,
            warnings : true
        },
        hotOnly : true // --hot HMR命令
    },
    // devtool : 'eval-source-map',
    performance : {
        hints: 'warning',
        maxEntrypointSize: 500000,// bytes
        maxAssetSize: 450000
    },
    entry : {
        //app : PATHS.app
        index : './app/index.js',
        about : './app/about.js',
        a : './app/a.js',
        vendor : ['react']
    },
    output : {
        path : PATHS.build,
        filename : '[name].js'
    },
    module:{
        rules: [{
            test: /\.js$/,
            enforce: 'pre',

            loader: 'eslint-loader',
            options: {
                emitWarning : true
            }
        },{
            test : /\.css$/,
            exclude: /node_modules/,
            /*
            use : [
                'style-loader',
                {
                    loader:'css-loader',
                    options:{
                        modules: true
                    }
                }
            ],
            */
            use : plugin.extract({
                use: {
                    loader:'css-loader',
                    options:{
                        modules: true
                    }
                },
                fallback : 'style-loader'
            })
        }]
    },
    plugins : [
        // new HtmlWebpackPlugin({
        //     title : 'Webpack demo'
        // }),
        plugin,
        new BabiliPlugin(), //压缩
        new webpack.optimize.CommonsChunkPlugin({ //分离打包
            name: 'vendor'
        }),
        new webpack.HotModuleReplacementPlugin()//配置这个，就可以在pageage.json文件命令hmr省略--hot
    ]
};

转载于:https://my.oschina.net/u/1773772/blog/1608822