webpack属性

为引入包起别名

resolve: {
    alias:{  // 代号
      bootstrap: 'bootstrap/dist/css/bootstrap.css'
     }
}
// home.js
import 'bootstrap'
// 映射到'bootstrap/dist/css/bootstrap.css'这个路径

配置server

添加源码映射

方便调试

devtool: 'source-map' | 'eval-map' | 'cheap-module-source-map' | 'cheap-module-eval-source-map'

source-map: 单独生成一个source-map文件,出错会标识,大而全
eval-map:不会生成一个source-map文件,但是可以标识报错的行和列
cheap-module-source-map:不会标识列,会单独生成一个source-map文件
cheap-module-eval-source-map:不会生成一个source-map文件,集成在打包文件里,标识行,无列

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

推荐阅读更多精彩内容

  • publicPath指定了一个在浏览器中被引用的URL地址。 对于使用 和 加载器,当文件路径不同于他们的本地磁盘...
    飞呀飞哥阅读 1,729评论 0 0
  • 开始准备 为了从JavaScript模块中import一个CSS文件,需要安装并添加style-loader和cs...
    皮皮坤666阅读 43,848评论 1 18
  • 前言 devtool用作调试,在找错误方面给了我们很大的帮助,然而官网的devtool有十几种配置,用的多一点的也...
    json_q阅读 16,641评论 2 7
  • 指出日本队东京奥运夺冠前进严峻。就是因为球员拚尽全力。目前的形势已想当严峻。反而给了对手崛起的良机。而且是大众休闲...
    yiprrixnyz阅读 224评论 0 0
  • 沿着昨日的轨迹继续深入在古城的大街小巷里,从大早上一碗牛肉面开始展开一天的行程。 与兰州牛肉面一样,满...
    快乐燕子阅读 636评论 1 1