如何迫使webpack对待这个css加载语法:'css!./style‘
来自AMD requirejs模块定义:
define(['./bar3.js', 'css!./style'], function(bar3) {
用"style-loader!css-loader!“它的工作原理如下:
define(['./bar3.js', 'style-loader!css-loader!./style'], function(bar3) {
我试着用resolveLoader来解决这个问题:
resolveLoader: {
alias: {
"css": "css-loader"
}
},
但是找不到添加多个的解决方案,例如:
"css": ["style-loader!", "css-loader"]
发布于 2018-09-21 01:24:18
在搜索了类似问题的答案后(我们从requirejs转到了webpack,但通过css-loader加载了.css文件),我发现这是最有效、最简单的切换方法:
// '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
https://stackoverflow.com/questions/46354503
复制相似问题