最近在使用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打包后没有引号的问题及其解决方法,希望对大家有所帮助!