如何解决使用 Webpack 和 postcss-loader 编译 PostCSS,无需 style-loader 和 css-loader
我希望通过 Webpack 使用 PostCSS 编译我的 CSS。我可以使用 PostCSS CLI 手动编译它,如下所示:
postcss src/*.css -d dist/css-dist -w
我如何将其翻译成 Webpack?仅使用 postcss-loader
是否可以这样做?所有 postcss-loader
示例似乎都包含 css-loader
和 style-loader
,但我认为我不想要其中任何一个。到目前为止,这是我的 webpack.config.js
文件:
const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');
module.exports = {
entry: './src/main.ts',resolve: {
extensions: ['.ts','.tsx','.html','.js'],},module: {
rules: [
{
test: /\.tsx?$/,exclude: /node_modules/,use: 'ts-loader',{
test: /\.html$/,use: 'html-loader',{
test: /\.css$/i,loader: 'postcss-loader',],output: {
filename: '[name].js',path: path.resolve(__dirname,'./dist'),plugins: [
new CopyPlugin({
patterns: [
{ from: './src/*.html',to: '[name].[ext]' },}),};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。