Css module 如何引入第三方库?

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: {},
        }),
    ],
};
阅读 2.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题