webpack打包可不可以不压缩不混淆保留原来的名称？

Question

打包前的目录

├── api
|  ├── base.js
|  └── index.js
├── App.vue
├── main.js
└── views
   ├── a
    └── index.js
   └── b
    └── index.js

1.希望打包后的目录保持不变，.vue可以被替换为.js
2.希望打包后的方法名称保持不变

请问可以配置成这样么？

Answer 1

webpack 配置 sourcemap，然后用 uglifyjs-webpack-plugin 这个包来设置输出的 sourcemap 保持类名和函数名，给你一段参考配置代码，具体参数查插件的官方说明。

new UglifyJsPlugin({
    sourceMap: true,
    parallel: 4,
    uglifyOptions: {
        keep_classnames: true,
        keep_fnames: true
    }
})

Answer 2

webpack 应该可以
不过我觉得比较麻烦
建议上gulp