recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Comment configurer Webpack dans l'environnement de production afin que Vue Devtools puisse être désactivé.

Le projet est sur le point d'entrer en production, mais j'ai constaté que l'environnement de production est toujours visible dans le mode débogage de Chrome vue-devtools请问该如何配置我的webpack。
注:我的项目没有用vue-cli就是单纯的webpack vue-loaderPackaging Voici mon code :

.
var webpack = require("webpack");
var path = require("path");

module.exports = {
  /**
   * devtool
   * 开发者工具 debug用 生产环境要取消
   */
  cache: false,
  debug: false,
  /**
   * webpack 基础配置
   */
  entry: __dirname + "/../app/main.js",  //入口文件
  output: {
    filename: "build.js",
    path: path.resolve(__dirname, "../dist"),
    publicPath: '/dist/'
  },

  /**
   * module
   */
  module: {
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel',
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 6000,
          name: 'assets/[name]_[hash:8].[ext]'
        }
      }
    ]
  },
  vue: {
    loaders: {
      js: 'babel',
    }
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.js'
    }
  },
  babel: {
    presets: ['es2015', 'stage-0'],
    plugins: ['transform-runtime']
  }
};
if (process.env.NODE_ENV === 'production') {
  module.exports.devtool = false;
  module.exports.plugins = [
    new webpack.DefinePlugin({
      "process.env": {
        NODE_ENV: JSON.stringify("production")
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new webpack.optimize.OccurenceOrderPlugin()
  ];
} else {
  module.exports.devtool = '#source-map'
}
phpcn_u1582phpcn_u15822751 Il y a quelques jours2083

répondre à tous(1)je répondrai

  • 曾经蜡笔没有小新

    曾经蜡笔没有小新2017-05-19 10:48:44

    Je l'ai résolu moi-même.

    const isDebug_mode = process.env.NODE_ENV !== 'production';
    Vue.config.debug = isDebug_mode;
    Vue.config.devtools = isDebug_mode;
    Vue.config.productionTip = isDebug_mode;

    répondre
    0
  • Annulerrépondre