包裹 PostCSS 预处理/动态导入不起作用
Parcel PostCSS preprocessing /dynamic imports not working
我正在尝试使用 Parcel
上的 PreCSS
插件从 Sass
转换为 PostCSS
,但 Parcel
一直导入未更改的 CSS
文件。 dist
文件夹中有一个正确处理的文件,但 Parcel
导入了 Dist
文件夹中另一个从未处理过的文件。
源文件结构:
index.html
Terminal.html
StyleSheets
-->index.pcss
-->Terminal.pcss
Scripts
-->index.js
-->Terminal.js
这是我的 parcel.config.js
module.exports = {
plugins: [
require('autoprefixer'),
require('cssnano'),
require('precss')
]
}
事实证明,与其将插件放在 parcel.config.js
中,不如将它们放在 .postcssrc
中,如下所示:
{
"modules": false,
"plugins": {
"autoprefixer": {
"grid": true
},
"cssnano": {
},
"precss": {
}
}
}
我正在尝试使用 Parcel
上的 PreCSS
插件从 Sass
转换为 PostCSS
,但 Parcel
一直导入未更改的 CSS
文件。 dist
文件夹中有一个正确处理的文件,但 Parcel
导入了 Dist
文件夹中另一个从未处理过的文件。
源文件结构:
index.html
Terminal.html
StyleSheets
-->index.pcss
-->Terminal.pcss
Scripts
-->index.js
-->Terminal.js
这是我的 parcel.config.js
module.exports = {
plugins: [
require('autoprefixer'),
require('cssnano'),
require('precss')
]
}
事实证明,与其将插件放在 parcel.config.js
中,不如将它们放在 .postcssrc
中,如下所示:
{
"modules": false,
"plugins": {
"autoprefixer": {
"grid": true
},
"cssnano": {
},
"precss": {
}
}
}