如何在vue-cli3中不把CSS提取成单独的文件？

Question

在vue-cli3项目中，当我们构建项目时，似乎会把项目分成以下几个部分 js 档和 css 自动 mini-css-extract-plugin. 但现在我只想 js 文件。所以我想我需要关闭 mini-css-extract-plugin 在 vue.config.js.

我想知道怎么做，谢谢你的帮助。

Answer 1

在我看来 vue-cli-service 代码，我发现怎么做。有一个这样的代码。

const shadowMode = !!process.env.VUE_CLI_CSS_SHADOW_MODE
...
const shouldExtract = extract !== false && !shadowMode
...
if (shouldExtract) {
  rule
    .use('extract-css-loader')
    .loader(require('mini-css-extract-plugin').loader)
    .options({
      hmr: !isProd,
      publicPath: cssPublicPath
    })

所以我只需要设置 VUE_CLI_CSS_SHADOW_MODE 真。

所以加上 process.env.VUE_CLI_CSS_SHADOW_MODE = true; 在 vue.config.js 它的工作！