javascript – webpack 2:来自UglifyJs的./public/bundle.js中的错误意外字符”’
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – webpack 2:来自UglifyJs的./public/bundle.js中的错误意外字符”’,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2081字,纯文字阅读大概需要3分钟。
内容图文
我有2个相关问题:
第一:当我运行npm run build时,bundle.js文件没有缩小,但我得到了一个bundle.js.map文件.
第二:当我运行webpack -d时,我只得到一个缩小的bundle.js文件(并且没有错误)但是当我运行webpack -p然后我得到一个没有缩小的bundle.js,一个bundle.js.map,以及那些错误:
ERROR in ./public/bundle.js from UglifyJs
Unexpected character '`' [./app/config.js:5,0][./public/bundle.js:76,14]
ERROR in ./public/bundle.js from UglifyJs
Unexpected character '`' [./app/config.js:5,0][./public/bundle.js:76,14]
我的问题:
>不应该是webpack -p和webpack -d的行为
相反?
>当我运行npm run build时,为什么bundle.js没有缩小?
>当我在模块中使用模板字符串时,为什么会出现那些意外的字符错误?
package.json看起来像这样:
{
...,
"scripts": {
"build": "webpack --progress --watch"
},
"devDependencies": {
"babel-core": "^6.13.2",
"babel-loader": "^6.2.5",
"babel-preset-es2015-native-modules": "^6.9.4",
"eslint": "^3.3.1",
"eslint-config-airbnb": "^10.0.1",
"eslint-plugin-html": "^1.5.2",
"eslint-plugin-import": "^1.13.0",
"eslint-plugin-jsx-a11y": "^2.1.0",
"eslint-plugin-react": "^6.1.2",
"webpack": "^2.1.0-beta.21"
}
}
而webpack.config.js是这样的:
const webpack = require('webpack'); // eslint-disable-line import/no-extraneous-dependencies
const nodeEnv = process.env.NODE_ENV || 'production';
module.exports = {
entry: {
filename: './app/app.js'
},
output: {
filename: './public/bundle.js'
},
modules: {
loaders: [
{
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015-native-modules']
}
}
]
},
devtool: 'source-map',
plugins: [
// uglify
new webpack.optimize.UglifyJsPlugin({
compress: { warnings: false },
output: { comments: false },
sourceMap: true
}),
new webpack.DefinePlugin({
'process.env': { NODE_ENV: JSON.stringify(nodeEnv) }
})
]
};
我在这里和谷歌(以及webpack文档……)都进行了搜索,但我找不到对我有用的东西.谢谢!!
解决方法:
UglifyJS2尚未在其版本中提供ES6 / Harmony支持.但是,Harmony分支允许您使用ES6语法缩小/ uglify文件.
我可以为您推荐一种替代解决方案,它可以帮助您减少构建时间,将所有ES6转换为ES5.
只需在package.json中指定UglifyJs,让npm处理依赖项.
“uglify-js”:“git://github.com/mishoo/UglifyJS2#harmony-v2.8.22”,
内容总结
以上是互联网集市为您收集整理的javascript – webpack 2:来自UglifyJs的./public/bundle.js中的错误意外字符”’全部内容,希望文章能够帮你解决javascript – webpack 2:来自UglifyJs的./public/bundle.js中的错误意外字符”’所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。