如何使Vue删除编译输出中的空白？

Question

Vue中的“保留空白”选项不起作用。它正在生成带有大量空格的代码：

                _vm._v(
                  "\n        " +
                    _vm._s(_vm.object.created_by_full_name) +
                    "\n      "
                )

Answer 1

在vue.config.js中放入以下内容

  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        // modify the options...
        options.compilerOptions = { whitespace: 'condense' };
        return options;
      });
  },