小编Tho*_*hop的帖子

如何在 webpack 中使用 Terser

我正在使用带有Vue 3.9.3 的Webpack 6.10.2 此安装使用 Uglify.js,它在我运行时抛出错误,npm run build因为它无法与 ES6 一起使用。

为了解决这个问题,我webpack.config.js按照建议删除了 Uglify 表单,并尝试使用 Terser 来缩小生产中的 JS。我所做的每一次尝试都会导致错误,因为我没有正确添加语法。当我删除 Terser 时,应用程序编译但显然没有 JS 缩小,所以我在webpack.config.js.

谁能告诉我我哪里出错了。

谢谢

webpack.config.js :

var path = require('path')
var webpack = require('webpack')
const TerserPlugin = require('terser-webpack-plugin')

module.exports = {
  entry: './src/main.js',
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: 'build.js'
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          'css-loader'
        ],
      },
      {
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader', …
Run Code Online (Sandbox Code Playgroud)

javascript node.js webpack vue.js terser

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×1

node.js ×1

terser ×1

vue.js ×1

webpack ×1