javascript - Comment configurer Webpack dans l'environnement de production afin que Vue Devtools puisse être désactivé.
phpcn_u1582
phpcn_u1582 2017-05-19 10:46:44
0
1
2024

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_u1582
phpcn_u1582

répondre à tous(1)
曾经蜡笔没有小新

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;
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!