我现在有这个
ready : function(){
bus.$on('a-data', (param) => {
this.name = param.name;
this.age = param.age;
})
},
虽然此特定代码在uglifyjs禁用时运行,但启用时会引发以下错误
SyntaxError: Unexpected token: operator (>)
这是我的uglify配置
new webpack.optimize.UglifyJsPlugin({
minimize: true,
sourceMap: false,
compress: {
warnings: false,
sequences: true,
dead_code: true,
conditionals: true,
booleans: true,
unused: true,
if_return: true,
join_vars: true,
drop_console: true
}
}))
我似乎无法理解为什么它不起作用.有任何想法吗？
我现在将我的第一个项目与 webpack 捆绑在一起，除了 webpack 没有缩小我的bundle.min.js代码外，一切都按预期工作。
我很确定我做错了什么，但无法发现错误。
任何帮助，将不胜感激。提前致谢。
我带着我的 webpack.config.js
var webpack = require("webpack");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
module.exports = {
context: __dirname + "/public",
entry: './app.js',
output: {
path: __dirname + '/dist',
filename: "bundle.min.js"
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
}),
new webpack.LoaderOptionsPlugin({
minimize: true,
debug: true
}),
new webpack.optimize.UglifyJsPlugin({
beautify: false,
mangle: {
screw_ie8: true,
keep_fnames: true
},
compress: {
screw_ie8: true
},
comments: false
}),
new ExtractTextPlugin("bundle.min.css"),
new OptimizeCssAssetsPlugin() …我们一直在使用 UglifyJS 和 webpack v4 作为我们的 React 代码，但后来才更新到 webpack v5。UglifyJS 似乎不适用于 webpack v5。有替代方案吗？我们需要一些可以与 babel-loader 配合使用的东西。
谢谢
这可能看起来像一个愚蠢的问题但是有一些原因,为什么Uglifiers不使用指针uglify引用外部函数？
一个例子:
我正在处理的文件有多个调用_gaq.push().我通过添加到文件顶部来压缩这个var _g=_gaq.push();.然后我更新它的12个调用以使用_g指针.这还没有节省大量的金额(84字节),但每一点都有帮助吗？
我错过了什么,是不是有理由让Uglifiers不这样做？
每当我尝试运行生产 webpack 构建时，我都会收到此错误。
ERROR in ./~/css-loader!./~/sass-loader!./assets/src/css/nav.scss
Module build failed: BrowserslistError: Unknown version 55 of and_chr
经过一番尝试和错误后，看起来这是一个与 default 相关的问题UglifyJsPlugin。如果将其删除，它将正确构建，但它也不再是生产构建。我已经用谷歌搜索了好几天，试图在任何地方找到这个问题，但似乎没有人见过类似的东西。我的每一个 SASS 文件都会重复上述错误。
我正在努力解决这个问题，任何帮助将不胜感激。让我知道您可能需要哪些其他信息。
这是我的 webpack 生产配置的副本：
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
entry: {app: './assets/src/app.js', common: './assets/src/common.js'},
devtool: 'cheap-module-source-map',
output: {
filename: './assets/build/[name].bundle.js',
},
watch: false,
module: {
loaders: [
{ test: /\.json$/, loader: "json-loader" },
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', …我正在用gulp来丑化我的文件，它对于较旧的Javascript效果很好。
关于如何对ES6-javascript文件进行丑化已经存在一个问题：如何对javascript类进行丑化？
那是因为我的代码不起作用（类是ES5或smth）：
gulp.task('handleJs', () => {
gulp.src('src/frontend/xy/js/file.js')
.pipe(uglify());
}
答案似乎不再是最新的，因为不推荐使用uglify-js-harmony（https://www.npmjs.com/package/uglify-js-harmony）。
它说，我应该使用uglify-es（而不是-js），但找不到解决方案，如何在gulp中使用它？我真的需要哪个npm-packages，代码看起来如何？