J'ai utilisé webpack2 pour créer mon application, mais lorsque vous utilisez uglify-js + uglifyjs-webpack-plugin.J'ai quelques problèmes:
ERROR in vendors.js from UglifyJs
TypeError: Cannot read property 'reset' of undefined
at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:99:22
at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:231:9
at Array.forEach (native)
at Compilation.<anonymous> (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:54:19)
at Compilation.applyPluginsAsyncSeries (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@tapable\lib\Tapable.js:142:13)
at self.applyPluginsAsync.err (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compilation.js:635:10)
at Compilation.applyPluginsAsyncSeries (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@tapable\lib\Tapable.js:131:46)
at sealPart2 (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compilation.js:631:9)
at Compilation.applyPluginsAsyncSeries (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@tapable\lib\Tapable.js:131:46)
at Compilation.seal (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compilation.js:579:8)
at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compiler.js:493:16
at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@tapable\lib\Tapable.js:225:11
at _addModuleChain (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compilation.js:481:11)
at processModuleDependencies.err (F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@webpack\lib\Compilation.js:452:13)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)
La configuration du webpack peut peut-être vous aider:
module.exports = {
entry: {
app: path.resolve(APP, 'index.js'),
vendors: ['jquery', 'moment']
},
output: {
path: BUILD,
filename: 'bundle.js'
},
plugins: [
new HTMLwebpackPlugin({
title: 'Generate by webpack'
}),
new webpack.optimize.CommonsChunkPlugin({
name: 'vendors',
filename: 'vendors.js'
}),
new UglifyJSPlugin({
compress: true
})
],
module: {
loaders: [
{
test: /\.scss$/,
loaders: 'style-loader!css-loader?sourceMap!sass-loader?sourceMap',
include: APP
},
{
test: /\.(jpg|png)$/,
loaders: 'url-loader?limit=40000'
},
{
test: /\.jsx?$/,
loader: 'babel-loader',
include: APP,
query: {
presets: ['es2015', {"modules": false}]
}
}
]
},
devtool: 'eval-source-map'
}
Que veut dire "réinitialiser"? Je ne peux pas trouver de réponse dans n'importe où .... Merci.
Éditer août 2017: Maintenant, uglifyjs-webpack-plugin fonctionne avec uglify-js @ 3
Installez le plugin: npm install uglifyjs-webpack-plugin --save-dev
, puis dans la configuration de Webpack:
var UglifyJSPlugin = require('uglifyjs-webpack-plugin')
...
plugins: [
new UglifyJSPlugin()
]
travaille pour moi:
npm install uglifyjs-webpack-plugin --save-dev
plugins: [
new webpack.optimize.UglifyJsPlugin()
]
Mais ce n'est pas du travail:
new UglifyJSPlugin({
compress: true
})
La même question était à Github, la réponse était:
L'utilisation actuelle d'UglifyJS 3 interrompt le plugin. Il a une nouvelle API donc le plugin doit changer en conséquence.
J'ai seulement fait ceci pour le résoudre:
npm install --save-dev uglify-js@2
Vous devez vous assurer que vous utilisez uglify 2 et non 3.
Ma configuration ressemble à ceci:
const webpack = require('webpack');
module.exports = {
...
plugins: [
new webpack.optimize.UglifyJsPlugin()
]
};
Son travail avec webpack3 + angular4 utilise simplement npm install [email protected] --save-dev
2017-07-26
J'ai résolu le problème en:
npm i -D [email protected]
Raison: [email protected]
, qui est la version utilisée par webpack
, ne prend pas en charge uglify-js 3. Depuis [email protected]
, il commence à prendre en charge uglify-js 3.
Référence: