angular-cli使用es6模块作为TypeScript的输出格式:在tsconfig.json中:
{
"compilerOptions": {
"modules": "es6",
"target": "es5",
...
后来webpack如何处理它以使其在es5中工作?
如果我理解正确,许多项目将使用babel来使es6模块正常工作,但是我在angular-cli中未找到任何对babel的引用。
我试图从一开始就建立一个webpack项目,因为事实证明,angular-cli使用的webpack配置对于我们的项目而言还不够好/不够灵活。
当我尝试使用es6模块时,最终在“捆绑”的js文件中得到未处理的“ import”语句,因此显然我在做错什么。
angular cli使用了支持ESM(ES6模块)的webpack 2,因此,在编译打字稿时,它会编译为es5,但会将所有import语句保留为es6样式模块。
然后webpack 2可以使用静态分析和摇树来优化es6模块,以删除未使用的代码段和未使用的模块。
因此,您可能做错了使用不支持es6模块的webpack 1。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句