Webpack 如何在vue-cli3中不将CSS提取到单独的文件中?

Webpack 如何在vue-cli3中不将CSS提取到单独的文件中?,webpack,vue-cli,Webpack,Vue Cli,在vue-cli3项目中,当我们构建项目时,它似乎会通过mini css extract plugin自动将项目分为js文件和css文件。但现在我只想要js文件。所以我想我需要关闭vue.config.js中的mini-css-extract插件 我想知道如何操作,感谢您的帮助。当我查看vue cli服务时,我了解了如何操作。有这样一个代码 const shadowMode=!!process.env.VUE_CLI_CSS_SHADOW_模式 ... const shouldExtract=提

在vue-cli3项目中,当我们构建项目时,它似乎会通过
mini css extract plugin
自动将项目分为
js
文件和
css
文件。但现在我只想要
js
文件。所以我想我需要关闭
vue.config.js
中的
mini-css-extract插件


我想知道如何操作,感谢您的帮助。

当我查看vue cli服务时,我了解了如何操作。有这样一个代码

const shadowMode=!!process.env.VUE_CLI_CSS_SHADOW_模式
...
const shouldExtract=提取!==假&!阴影模式
...
如果(应提取){
规则
.use('extract-css-loader')
.loader(需要('mini-css-extract-plugin').loader)
.选项({
hmr:!伊斯普罗德,
公共路径:cssPublicPath
})
所以我只需要将
VUE\u CLI\u CSS\u SHADOW\u模式设置为true


因此,在
VUE.config.js
中添加
process.env.VUE\u CLI\u CSS\u SHADOW\u MODE=true;
,它就可以工作了!

这是一个老问题,但对于其他像我一样在这个问题上遇到障碍的人来说:

现有的答案有点有效,但有误导性。
VUE\u CLI\u CSS\u SHADOW\u模式
在构建web组件时使用,可能会产生其他副作用,现在和将来的版本都是如此

切换css提取的官方方法是使用
css.extract
属性,如在封面下配置
迷你css提取插件所述。
默认情况下,开发版本的css提取处于关闭状态(以便启用热重新加载),而生产版本的css提取处于打开状态

要关闭CSS提取生产版本,请在项目根目录中添加
vue.config.js
(或扩展现有版本)

module.exports = {
  css: {
    extract: true
  }
};

我已经用这个解决了这个问题

>vue.config.js
process.env.VUE\u CLI\u CSS\u SHADOW\u MODE=true;//关闭关于从js中输出CSS的配置
module.exports={
链接网页包:配置=>{
config.optimization.delete('splitChunks')//关闭splitChunks
config.output
.filename('app.js')
.library(“@[library]/[sub-project]”)
.libraryTarget(“amd”)
(完)
}
...
}