默认 vue-cli 构建不创建 css 文件

Posted 2023-02-23

【中文标题】默认 vue-cli 构建不创建 css 文件

【英文标题】：Default vue-cli build do not create css file

【发布时间】：2019-01-13 11:52:39

【问题描述】：

当我构建我的项目时，我找不到任何 css 文件。不像documentation 所说的。

vue-cli-service build --target lib --name myLib ***

我有三个文件：umd、umd.min 和 common。 和联合国消息：“图像和其他类型的资产省略”。

是否有特殊的 vuecli 配置要做？

我在项目中添加单元测试后遇到了这个问题

【问题讨论】：

您好，您的目标是 1.x 还是 2.x？或者两者都不是？

嗨，我的依赖项中有 vue-cli 2.5.16。而且我注意到三个devDependencies都是这种形式的：@vue/cli-service / cli-plugin-eslint": "^ 3.0.0-beta.11你认为可能存在兼容性问题

【参考方案1】：

我最近遇到了同样的问题，以下解决方案对我有用：

在应用程序条目中导入 CSS 文件，在我的例子中，src/App.vue： import './assets/scss/main.scss'; 更改package.json文件中的构建命令，以导入样式的入口文件为目标： vue-cli-service build --target lib --name index src/App.vue" 运行npm run build 或yarn run build。 瞧！

CSS 文件将出现。