淘先锋技术网

首页 1 2 3 4 5 6 7

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

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