[英]How can I import css from a node module?
我正在使用 ZURB Foundation CLI,但我不知道如何從 node-modules 文件夾中導入 css/scss 文件。
下面是我的配置。 您可以使用mini-css-extract-plugin將您導入js的css提取到單獨的css文件中,如下所示
你可以在這里查看我的完整資料
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"
}
]
}
]
}
};
然后在我的js中導入這樣的東西
import "css/Admin/admin.scss";
每當我運行webpack --watch
命令時,我都會在admin.css
文件上擁有admin.css文件
也許您可以在 main.js 文件中嘗試諸如import 'swiper/css/swiper.css'
的東西。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.