webpack中resolve用法

如果想在页面中使用 bootstrap 的样式，一般会在入口文件中引入

import 'bootstrap'

但是这样引入的 bootstrap 默认引入的是JS文件，所以页面的样式是不会生效的，下面是bootstrap的package的文件中main字段指定的路径

"main": "dist/js/bootstrap",

 

如果想直接引入样式的话，可以在webpack的配置文件配置

  resolve: {
    // mainFields: ['style', 'main'] // 改变入口的文件字段
    alias: {
      'bootstrap': 'bootstrap/dist/css/bootstrap.css'
    }
  }