首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Webpack生产方式

Webpack生产方式
EN

Stack Overflow用户
提问于 2018-10-19 16:26:28
回答 1查看 245关注 0票数 0

这是我的webpack.config.js

代码语言:javascript
运行
复制
var path = require('path');
var webpack = require('webpack');

module.exports = {
  devtool: 'cheap-module-eval-source-map',
  entry: [
    'webpack-hot-middleware/client',
    './src/index'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: `[name].bundle.js`,
    chunkFilename: `[name].bundle.js`
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
         new webpack.optimize.ModuleConcatenationPlugin(),
    new webpack.DefinePlugin({
        'process.env': {
                'NODE_ENV': JSON.stringify('production')


        }
            }),  
            new webpack.optimize.CommonsChunkPlugin({
   ....      }
      })
      ]...

};

我将NODE_ENV设置为生产模式,但我的网站显示为红色,这意味着它仍处于开发模式。怎么啦?我怎样才能缩小我的体型?

代码语言:javascript
运行
复制
  "webpack": "^3.10.0",
    "webpack-bundle-analyzer": "^2.11.1",
    "webpack-dev-middleware": "^1.12.0",
    "webpack-hot-middleware": "^2.22.1"

EN

回答 1

Stack Overflow用户

发布于 2018-10-19 18:38:30

尝试使用

代码语言:javascript
运行
复制
webpack -p

这应该会减少捆绑包大小,并在生产模式下捆绑它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52888556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档