vue.config.js

const path = require('path');
const StyleLintPlugin = require('stylelint-webpack-plugin');

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_PRODUCTION_PATH : '/',
  outputDir: 'dist',
  devServer: {
    overlay: false,
  },
  css: {
    extract: false,
  },
  chainWebpack: (config) => {
    config.module
      .rule('raw')
      .include
      .add('/docs/views/*/example')
      .add('/docs/views/*/api')
      .end()
      .test(/\.(vue|md)$/)
      .use('raw-loader')
      .loader('raw-loader')
      .end();

    config.module
      .rule('fonts')
      .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/i)
      .use('url-loader')
      .loader('url-loader')
      .options()
      .end();
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.join(__dirname, 'src/'),
        docs: path.join(__dirname, 'docs/'),
      },
    },
    plugins: [
      new StyleLintPlugin({
        files: [
          'src/**/*.{vue,scss}',
          'docs/**/*.{vue,scss}',
        ],
        emitError: true,
        emitWarning: true,
        failOnError: false,
        failOnWarning: false,
      }),
    ],
  },
};