2回答

温柔的微笑

提问者

2018-05-26

var config = {
    entry: {
        'index':['./src/page/index/index.js'],
        'login':['./src/page/login/index.js'],
    },
    output: {
        path:'/Users/liuhaiyuan/mmall/doc/mmall-fe/dist/',
        filename: 'js/[name].js'
    },
    externals : {
        'jquery' : 'window.jQuery'
    },
    plugins: [
    ],
    optimization: {
        splitChunks: {
            chunks:"all",
            cacheGroups: {
                commons: { // split `common`和`components`目录下被打包的代码到`page/commons.js && .css`
                    test: /page\//,
                    name: 'js/commons',
                    priority: 10,
                    enforce: true
                }
            }
        }
    }
};

答案不一定对 仅供参考不过我算是将commons.js搞出来了

0

0

Rosen

2018-05-25

这个webpack -v看的是全局的版本，可以用npm ls webpack和npm ls webpack -g来看本地和全局的webpack版本，更精确一些

0

1

温柔的微笑

我的全局版本是4.8.3，本地版本是1.15.0，但是用不了CommonsChunkPlugin插件，网上说webpack4已经移除了这个插件换成了splitChunks，配置了splitChunks却看不到提取公共代码的效果

2018-05-26

共1条回复