首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >用Webpack用RequireJS加载css

用Webpack用RequireJS加载css
EN

Stack Overflow用户
提问于 2017-09-22 07:10:32
回答 1查看 314关注 0票数 1

如何迫使webpack对待这个css加载语法:'css!./style‘

来自AMD requirejs模块定义:

代码语言:javascript
运行
复制
    define(['./bar3.js', 'css!./style'], function(bar3) {

用"style-loader!css-loader!“它的工作原理如下:

代码语言:javascript
运行
复制
    define(['./bar3.js', 'style-loader!css-loader!./style'], function(bar3) {

我试着用resolveLoader来解决这个问题:

代码语言:javascript
运行
复制
    resolveLoader: {
            alias: { 
                "css": "css-loader"
            }
    },

但是找不到添加多个的解决方案,例如:

代码语言:javascript
运行
复制
"css": ["style-loader!", "css-loader"]
EN

回答 1

Stack Overflow用户

发布于 2018-09-21 01:24:18

在搜索了类似问题的答案后(我们从requirejs转到了webpack,但通过css-loader加载了.css文件),我发现这是最有效、最简单的切换方法:

代码语言:javascript
运行
复制
// 'classic_skin' being the alias of the file loaded
import(/* webpackMode: "eager" */ `classic_skin`).then( (ClassicSkin) => {
    // Callback Logic
});

引出了动态导入的概念

https://medium.com/front-end-hacking/webpack-and-dynamic-imports-doing-it-right-72549ff49234

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

https://stackoverflow.com/questions/46354503

复制
相关文章

相似问题

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