添加自动生成CSS3浏览器平台样式功能。
webpack文件添加配置:
module: {//模块
rules: [//规则,多个loader
{
test: /\.styl$/,//匹配到styl结尾的文件,加载stylus-loader,
use: [
MiniCssExtractPlugin.loader,//抽离成css文件,用link形式链接
"css-loader",
"postcss-loader",
"stylus-loader"
]
},
]
}
运行npm run dev
发现有报错:
ERROR in ./src/index.styl
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: No PostCSS Config found in: /Users/maomao/Documents/demo/h5/mm_webpack/src
at /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/postcss-load-config/src/index.js:91:15
at processResult (/Users/maomao/Documents/demo/h5/mm_webpack/node_modules/webpack/lib/NormalModule.js:598:19)
at /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/webpack/lib/NormalModule.js:692:5
at /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/loader-runner/lib/LoaderRunner.js:399:11
at /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/loader-runner/lib/LoaderRunner.js:251:18
at context.callback (/Users/maomao/Documents/demo/h5/mm_webpack/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at /Users/maomao/Documents/demo/h5/mm_webpack/node_modules/postcss-loader/src/index.js:208:9
@ ./src/aaa.js 4:0-23
1 ERROR in child compilations
webpack 5.21.2 compiled with 2 errors in 732 ms
ℹ 「wdm」: Failed to compile.
提示没有PostCSS Config
文件。
于是,
创建postcss.config.js
文件,并编辑:
module.exports = {
plugins: [require("autoprefixer")]
}
然后继续运行:npm run dev
问题解决。
暂无评论