javascript 带有Uglification的基本ES2015 Webpack配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 带有Uglification的基本ES2015 Webpack配置相关的知识,希望对你有一定的参考价值。

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');

module.exports = {
    entry: './src/main.js',
    output: {
        path: './dist/',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                test: /\.js/,
                query: {
                  presets: 'es2015',
                },
            }
        ]
    },
    plugins: debug ? [] : [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
    ],
    // Create Sourcemaps for the bundle
    devtool: 'source-map',
};

以上是关于javascript 带有Uglification的基本ES2015 Webpack配置的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 如何点击带有javascript的链接?

带有普通 JavaScript 的 VueJS

带有是不是按钮的 JavaScript 警报

为啥在带有括号的 Javascript 事件处理函数中?

带有百里香叶转义字符的内联javascript

javascript - 带有数据的类如何加载