最近在使用vue做项目时,遇到了一个问题:打包之后的代码中没有引号。

首先我检查了一遍代码,确保没有漏掉任何引号。但是,最终打包之后的代码仍然没有引号。我简单地查看了webpack的打包配置,但是也没有找出任何问题。
然后我开始怀疑是在webpack打包时自动去除了引号。于是我在打包配置文件的options中添加了如下代码:
const options = {
...
minimize: true,
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log']
},
output: {
quote_style: 1,
}
}
})
],
};
通过添加quote_style: 1,webpack打包时会强制生成双引号。这样,打包出来的代码便有了引号。
另外需要注意的是,这种强制生成引号的方法仅限于生产环境。开发环境下,我们仍可以使用单引号。
以上就是我遇到的vue打包后没有引号的问题及其解决方法,希望对大家有所帮助!