我希望能够在我的项目中导入这两种类型的文件。
import 'styles/index.scss';
import 'styles/build/_style.css'
重要提示:我使用的是Next.js 7和Webpack 4(随Next.js 7一起提供)。
在Next.js 6中,我们通常在next.config.js文件中使用以下代码:
const withCSS = require('@zeit/next-css')
const withSass = require('@zeit/next-sass')
const commonsChunkConfig = (config, test = /\.css$/) => {
config.plugins = config.plugins.map(plugin => {
if (
plugin.constructor.name === 'CommonsChunkPlugin' &&
plugin.minChunks != null
) {
const defaultMinChunks = plugin.minChunks;
plugin.minChunks = (module, count) => {
if (module.resource && module.resource.match(test)) {
return true;
}
return defaultMinChunks(module, count);
};
}
return plugin;
});
return config;
};
module.exports = withCSS(withSass({
webpack: (config, { isServer }) => {
config = commonsChunkConfig(config, /\.(sass|scss|css)$/)
return config
}
}))
_style.css
重命名为_style.scss
并使用 Sass 加载器。为什么对你不起作用呢? :) - iuriistyle.css
,我只需要导入它们而不改变包的核心。 - Rodrigo Chaclan