webpack.config.js

const path = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
const marked = require("marked");
const hlt = require("highlight.js")

const renderer = new marked.Renderer();

module.exports = {
  entry: {
    index: "./src/index.ts",
    example:  "./example/test.ts"
  },
  watchOptions: {
    aggregateTimeout: 300,
    poll: 1000,
    ignored: /node_modules/
  },
  devServer: {
    historyApiFallback: true,
    contentBase: path.join(__dirname, "dist"),
    compress: true,
    port: 9000
  },
  devtool: '#source-map',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js',
    library: "compute",
    libraryTarget: "umd",
  },
  resolve: {
    extensions: [".ts", ".js", ".tsx", ".vue", ".md"],
    alias: {
      'vue$': 'vue/dist/vue.esm.js', // 用 webpack 1 时需用 'vue/dist/vue.common.js'
      "@": path.resolve(__dirname, 'example/')
    }
  },
  module: {
    rules: [
      { test: /\.vue$/, loader: 'vue-loader',
        options: {
          loaders: {
            ts: 'ts-loader',
            tsx: 'babel-loader!ts-loader'
          }
        }
      },
      { test: /\.ts$/, loader: 'ts-loader', options: { appendTsSuffixTo: [/(TS\.vue|\.vue)$/] } },
      { test: /\.tsx$/, loader: 'babel-loader!ts-loader', options: { appendTsxSuffixTo: [/(TSX\.vue|\.vue)$/] } },
      { test: /\.css$/, use: ['vue-style-loader','css-loader']},
      {
        test: /\.s(c|a)ss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          {
            loader: 'sass-loader',
            // Requires sass-loader@^8.0.0
            options: {
              implementation: require('sass'),
              sassOptions: {
                fiber: require('fibers'),
                indentedSyntax: true // optional
              },
            },
          },
        ],

      },
      {
        test: /\.md$/,
        use: [
          "html-loader",
          {
            loader: "markdown-loader",
            options: {
              /* your options here */
              pedantic: true,
              renderer,
              highlight (code) {
                return hlt.highlightAuto(code).value;
              },
              gfm: true,
              breaks: false,
              sanitize: false,
              smartLists: true,
              smartypants: false,
              xhtml: false
            }
          }
        ]
      },
    ]
  },
  plugins: [
    new VueLoaderPlugin(),
    new webpack.WatchIgnorePlugin([
      /\.js$/,
      /\.d\.ts$/
    ]),
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      title: 'Development',
      template: './example/index.html'
    }),
    new VuetifyLoaderPlugin()
  ]
}