css - 捆绑 SCSS 并从 node_modules 导入
问题描述
我正在尝试捆绑我所有的 CSS,但遇到了一些问题。
当我这样做@import "materialize-css/sass/materialize.scss";
时它失败了,因为它无法解决components
当我尝试@import "~materialize-css/dist/css/materialize.css";
捆绑但它没有命名空间时
.frb-app {
@import "materialize-css/sass/materialize.scss";
@import "frb-dx-overrides.scss";
}
postcss.config.js:
module.exports = {
syntax: "postcss-scss",
plugins: {
"postcss-import": {},
"postcss-preset-env": {},
cssnano: {}
}
};
加载器.js
// require("select2/dist/select2.min.css");
require("./css/frb-pmo.scss");
网页包:
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /(node_modules)/,
loader: "babel-loader",
query: {
presets: [
[
"@babel/preset-env",
{
useBuiltIns: "entry",
targets: {
ie: "9"
}
}
]
]
}
},
{
test: /\.(s*)css$/,
use: [
"style-loader",
{ loader: "css-loader", options: { importLoaders: 1 } },
"postcss-loader"
]
},
{
test: /\.(jpe?g|png|gif|svg)$/i,
loader: "url?limit=10000!img?progressive=true"
},
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader?name=bundle/font-[sha512:hash:base64:7].[ext]?mimetype=image/svg+xml"
},
{
test: /\.woff(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader?name=bundle/font-[sha512:hash:base64:7].[ext]?mimetype=application/font-woff"
},
{
test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader?name=bundle/font-[sha512:hash:base64:7].[ext]?mimetype=application/font-woff"
},
{
test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader?name=bundle/font-[sha512:hash:base64:7].[ext]?mimetype=application/octet-stream"
},
{
test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
loader: "file-loader?name=bundle/font-[sha512:hash:base64:7].[ext]"
}
]
},
解决方案
推荐阅读
- python - 保存数据时不会调用模型的 Django clean 方法,而它适用于其他模型
- c++ - 我无法在代码块中编译 c++ 程序。它给了我错误
- git - 意外退出vim编辑器后如何恢复旧的提交消息?
- android - Android Studio 在使用 DataBinding 时无法在新活动中生成 Binding 类
- c++ - 什么是`std::set
::迭代器? - c - 如何修复 fwrite 不写入 C 中的文件?
- mysql - 我正在用旧的 xampp mysql 数据文件夹更新新的 xampp
- ios - 我运行时出现 Flutter 错误 - Flutter build ios - 尽管在 Debug 中运行良好
- swift - setFocusModeLocked 在 iphone 11 上不起作用
- cytoscape.js - 如何在 cytoscape.js 中向节点的数据字段添加属性?