nextjs 项目使用postcss + css module,当引入第三方库的css时候也被编译了。如果让第三方库的css不被编译直接使用?
//注释掉的部分是网上找的,但是报错。
/* eslint-disable */
const withTypescript = require('@zeit/next-typescript');
const withCss = require('@zeit/next-css');
const initConfig = {
cssModules: true,
cssLoaderOptions: {
importLoaders: 1,
localIdentName: "[local]___[hash:base64:5]",
camelCase:true,
},
webpack(config) {
// config.module.rules.push( {
// test: /\.css$/,
// include: /node_modules/,
// use: [
// 'style-loader',
// {
// loader: 'css-loader',
// options: {
// importLoaders: 1,
// minimize: true
// }
// },
// 'postcss-loader'
// ]
// });
return config;
},
};
module.exports = withTypescript(withCss(initConfig));
/* eslint-disable global-require */
/* eslint-disable @typescript-eslint/no-var-requires */
/* eslint-disable import/no-extraneous-dependencies */
// const tailwindcss = require('tailwindcss');
const postcssPresetEnv = require('postcss-preset-env');
module.exports = {
plugins: [
require('postcss-easy-import'),
require('tailwindcss'),
postcssPresetEnv({
stage: 0,
features: {
'nesting-rules': true,
},
autoprefixer: {},
}),
],
};