我是使用 Nuxt js 的新手,因此与 nuxt.config.js 文件相同。我正在尝试获取如何在 Nuxt js 项目上设置 stylelint 文件并在每次按保存时运行它的方法,因此 stylelint 规则将应用它。我的意思是与 .eslintrc 相同,但是具有 .stylelintrc 规则。我已经安装了 stylelint stylelint-processor-html stylelint-config-standard 软件包,并使用“ lint:css”:“ stylelint'src / ** / *设置package.json脚本对象。 vue'“ ,所以如果我运行yarn / npm运行lint_css可以。但是我想在每次按保存时自动执行
nuxt.config.js文件
module.exports = {
head: {
title: 'my-project',
meta: [
{charset: 'utf-8'},
{name: 'viewport', content: 'width=device-width, initial-scale=1'},
{hid: 'description', name: 'description', content: 'Nuxt.js project'}
],
link: [{rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'}],
},
loading: {color: '#3B8070'},
plugins: [
],
styleResources: {
scss: [
//
]
},
build: {
extend(config, {isDev, isClient}) {
if (isDev && isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
}
},
modules: ['']
}
答案 0 :(得分:0)
您可以安装stylelint-webpack-plugin
Webpack插件:
然后,您必须更新nuxt.config.js
上的构建部分
const StyleLintPlugin = require('stylelint-webpack-plugin');
module.exports = async function() {
// ...
build: {
extend(config, {isDev, isClient}) {
// ...
// Stylelint
config.plugins.push(
new StyleLintPlugin({
syntax: 'scss' // eg. with options if you need SCSS ;-)
})
)
},