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'
    }
  }