Nuxt js项目中的配置stylelint文件

vue.js Vue.js

Tony凯

2020-04-03

我是使用Nuxt js的新手,因此与nuxt.config.js文件相同我试图获得如何Nuxt js项目设置stylelint文件并在每次按保存时运行该文件,因此将应用stylelint规则。我的意思是与.eslintrc类似,但与.stylelintrc规则相同。我已经安装了stylelint stylelint-processor-html stylelint-config-standard软件包,并将package.json脚本对象设置为“ lint:css”:“ stylelint'src / ** / *。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: ['']
    }

第3938篇《Nuxt js项目中的配置stylelint文件》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android