[英]How can I import css from a node module?
我正在使用 ZURB Foundation CLI,但我不知道如何从 node-modules 文件夹中导入 css/scss 文件。
Below is my config. 下面是我的配置。 You can use mini-css-extract-plugin to extract css you import into js into seperate css file like this
您可以使用mini-css-extract-plugin将您导入js的css提取到单独的css文件中,如下所示
You can view my full source here 你可以在这里查看我的完整资料
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
],
module: {
rules: [{
test: /\.scss$/,
use: [
'style-loader',
MiniCssExtractPlugin.loader,
{
loader: "css-loader",
options: {
minimize: true,
sourceMap: true
}
},
{
loader: "sass-loader"
}
]
}
]
}
};
Then in my js I import something like this 然后在我的js中导入这样的东西
import "css/Admin/admin.scss";
Whenever I run webpack --watch
command I will have admin.css
file base on scss file 每当我运行
webpack --watch
命令时,我都会在admin.css
文件上拥有admin.css文件
也许您可以在 main.js 文件中尝试诸如import 'swiper/css/swiper.css'
的东西。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.