首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角7+ Webpack 4封装css

角7+ Webpack 4封装css
EN

Stack Overflow用户
提问于 2019-03-13 09:55:52
回答 2查看 526关注 0票数 1

我有一个具有角1.x和角7路由的混合环境。角1.x路由使用旧的引导3,而角7应该使用引导4。

代码语言:javascript
运行
复制
@import "../../../node_modules/bootstrap/scss/bootstrap.scss";

在组件内部

代码语言:javascript
运行
复制
styles: [`    
    @import '../../../node_modules/bootstrap/dist/css/bootstrap.css';
  `]

但我一直

模块构建错误失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js):TypeError:无法读取未定义at normalizeBackSlashDirection (C:\Users...\RequestShortener.js:16:17) at new RequestShortener (C:\Users...\RequestShortener.js:26:15) at new Compiler (C:\Users\r...\Compiler.js:185:27) at Compiler.createChildCompiler (C:\ )的属性“替换”在(C:\Users...\mini-css-extract-plugin\dist\loader.js:70:43) Users...\Compiler.js:508:25的Compilation.createChildCompiler (C:\Users...\Compilation.js:2494:24)上,唯一可行的选择是通过在组件顶部添加以下内容直接将css导入到模块:

代码语言:javascript
运行
复制
import '../../../node_modules/bootstrap/dist/css/bootstrap.css';

但是,引导4覆盖了引导3类,破坏了我的角度1.x样式。

赫普普

EN

回答 2

Stack Overflow用户

发布于 2019-03-13 10:02:27

我认为您可以在组件中使用styleUrls: [],

代码语言:javascript
运行
复制
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss', '../../node_modules/bootstrap/dist/css/bootstrap.css'],
})
票数 0
EN

Stack Overflow用户

发布于 2019-03-13 10:04:03

海事组织,你不能同时拥有3和4而没有冲突。

我有一个混合环境,有角1.x和角7路线

你为什么一开始就需要这个?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55138932

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档