webpack 笔记一

  1. 默认支持 import 和 export 语法

事实上,webpack 在幕后会将代码“转译”,以便旧有浏览器可以执行。如果你检查 dist/bundle.js,你可以看到 webpack 具体如何实现,这是独创精巧的设计!除了 import 和 export,webpack还能够很好地支持多种其他模块语法,更多信息请查看模块 API。
注意,webpack 不会更改代码中除 import 和 export 语句以外的部分。如果你在使用其它 ES2015 特性,请确保你在 webpack 的 loader 系统中使用了一个像是 Babel 或 Bublé 的转译器。

  1. 由于html 模板的上线url 路径是不确定的, 所以在模板中如果用到了import img 的方式导入 图片资源, 引用的src 和 线上的 cdn 资源路径是不一致的。 即使是相对路径

  2. source map 原理 阮一峰

  3. webpack-dev-server 可以支持通过node api的方式来为app 服务

    QQ图片20180104171408.png

    github示例地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容