Webpack production build: BrowserslistError: Unknown version 55 of and_chr
Webpack production build: BrowserslistError: Unknown version 55 of and_chr
每当我尝试 运行 生产 webpack 构建时,我都会收到此错误。
ERROR in ./~/css-loader!./~/sass-loader!./assets/src/css/nav.scss
Module build failed: BrowserslistError: Unknown version 55 of and_chr
经过反复试验,这似乎是与默认 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', 'react', 'stage-0']
}
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract("style", "css-loader!sass-loader")
},
{
test: /\.css$/,
exclude: /node_modules/,
loader: 'style-!css'
}
],
},
plugins: [
new ExtractTextPlugin('./assets/build/[name].css'),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin()
],
postcss: [
autoprefixer({
browsers: ['last 2 versions']
})
]
};
听起来你的 css-loader
已经过时了。删除您的 node_modules 并重新安装。这应该可以解决它。
每当我尝试 运行 生产 webpack 构建时,我都会收到此错误。
ERROR in ./~/css-loader!./~/sass-loader!./assets/src/css/nav.scss
Module build failed: BrowserslistError: Unknown version 55 of and_chr
经过反复试验,这似乎是与默认 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', 'react', 'stage-0']
}
},
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract("style", "css-loader!sass-loader")
},
{
test: /\.css$/,
exclude: /node_modules/,
loader: 'style-!css'
}
],
},
plugins: [
new ExtractTextPlugin('./assets/build/[name].css'),
new webpack.DefinePlugin({
'process.env': {
'NODE_ENV': JSON.stringify('production')
}
}),
new webpack.optimize.UglifyJsPlugin()
],
postcss: [
autoprefixer({
browsers: ['last 2 versions']
})
]
};
听起来你的 css-loader
已经过时了。删除您的 node_modules 并重新安装。这应该可以解决它。