cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Bagaimana untuk mengkonfigurasi pek web dalam persekitaran pengeluaran supaya Vue Devtools boleh dimatikan.

Projek ini akan memasuki pengeluaran, tetapi saya mendapati bahawa persekitaran pengeluaran masih boleh dilihat dalam mod nyahpepijat Chrome vue-devtools请问该如何配置我的webpack。
注:我的项目没有用vue-cli就是单纯的webpack vue-loaderPembungkusan berikut ialah kod saya:

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 hari yang lalu2085

membalas semua(1)saya akan balas

  • 曾经蜡笔没有小新

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

    Selesaikannya sendiri.

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

    balas
    0
  • Batalbalas