我想在使用 webpack 构建时自动删除注释

Question

我想在使用 webpack 构建时自动删除注释。

? 我想删除 // 之后的评论

?我可以通过设置一些选项来删除评论吗？

？我能怎么做？

---

?main.js

// src/main.js?I want to delete this part
var m = require("mithril")

var UserList = require("./views/UserList")

m.mount(document.body, UserList)
//I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.I want to delete this part.

---

?package.json

 "scripts": {
     "build": "webpack src/index.js bin/main.js -p"
 }

---

$ npm start

Answer 1

要自定义 Webpack 默认配置，您需要使用您想要的选项创建一个特定文件。

要删除评论，您必须传入comments: falseUglifyJs 插件。

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // ...

  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      comments: false
    }),
  ]
}

然后，您可以将配置写入webpack.prod.js并在生产环境中运行 webpack webpack --env=prod。

请阅读官方文档以获取更多信息。