Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于网页包流的Uglify JS网页包插件(Gulp+;网页包)_Javascript_Webpack_Gulp_Uglifyjs - Fatal编程技术网

Javascript 用于网页包流的Uglify JS网页包插件(Gulp+;网页包)

Javascript 用于网页包流的Uglify JS网页包插件(Gulp+;网页包),javascript,webpack,gulp,uglifyjs,Javascript,Webpack,Gulp,Uglifyjs,我正在尝试使用Gulp+Webpack 大多数事情都在进行中 但是,当我试图按照上述文档实现时,它似乎不起作用。我没有得到任何错误,我得到的只是没有丑陋的代码 这是我的相同=> 事实上,更具体地说,这是我的 我错过什么了吗?我需要更多的RTFM吗?你们能帮帮我吗 如果您需要任何其他详细信息,请告诉我。提前谢谢 编辑:这是同一问题的视频演示:请将输出文件名更改为scripts.min.js,并使用属性压缩为true const UglifyjsWebpackPlugin = require('ug

我正在尝试使用Gulp+Webpack

大多数事情都在进行中

但是,当我试图按照上述文档实现时,它似乎不起作用。我没有得到任何错误,我得到的只是没有丑陋的代码

这是我的相同=>

事实上,更具体地说,这是我的

我错过什么了吗?我需要更多的RTFM吗?你们能帮帮我吗 如果您需要任何其他详细信息,请告诉我。提前谢谢


编辑:这是同一问题的视频演示:

请将输出文件名更改为
scripts.min.js
,并使用属性
压缩
true

const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  mode: 'production',
  devtool: 'source-map',
  output: {
    filename: 'scripts.min.js',
  },
  optimization: {
    minimizer: [
      new UglifyjsWebpackPlugin({
        sourceMap: true,
        minify(file, sourceMap) {
        // https://github.com/mishoo/UglifyJS2#minify-options
        const uglifyJsOptions = { /* your `uglify-js` package options */ };

        if (sourceMap) {
          uglifyJsOptions.sourceMap = {
            content: sourceMap,
          };
        }

        return require('uglify-js').minify(file, uglifyJsOptions);
       }
      }),
    ],
  },
};

所以,由于我急需这个,我已经用“吞咽”来代替“网页”来完成这项工作。。。话虽如此。。。仍在寻找网页包解决方案

无论如何,这里是我的基于Gulp的(gulpfile.js)解决方案=>

一,

二,

三,

我认为现在对我来说最重要的是这对我来说是有效的:)只要定义

plugins

{
“插件”:[
新的UglifyJsPlugin({
“sourceMap”:false,
“平行”:正确
})
]
}

不要使用
优化。minimizer

一切正常,有什么问题吗?等一下,让我展示一个快速视频@PlayMa256is ok*,拼错了。@PlayMa256我已经添加了上述问题的视频演示,请现在查看:)谢谢兄弟的帮助,但似乎不起作用:(在Facebook DevC中添加了错误截图(你从哪里来的)好的,我不能在我的环境中测试它,很抱歉。但是我已经根据文档更新了代码。你能试试吗?请在运行代码之前访问代码中的URL以查看所需的选项。很抱歉回复太晚…正在进行中…没有更新代码…顺便说一句,代码似乎不起作用,下面是根据你的评论和我的理解,我添加了相同的内容
const UglifyjsWebpackPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  mode: 'production',
  devtool: 'source-map',
  output: {
    filename: 'scripts.min.js',
  },
  optimization: {
    minimizer: [
      new UglifyjsWebpackPlugin({
        sourceMap: true,
        minify(file, sourceMap) {
        // https://github.com/mishoo/UglifyJS2#minify-options
        const uglifyJsOptions = { /* your `uglify-js` package options */ };

        if (sourceMap) {
          uglifyJsOptions.sourceMap = {
            content: sourceMap,
          };
        }

        return require('uglify-js').minify(file, uglifyJsOptions);
       }
      }),
    ],
  },
};
yarn add --dev gulp-uglify
const gulpUglify = require('gulp-uglify');
...((mode === 'production') ? [gulpUglify()] : []),