自行開發 vue 組件庫,為了節省寫打包配置的時間,使用 vue-sfc-rollup 傻瓜式生成打包配置,組件庫發布后使用 npm 包時發現通過 import 'packageName/dist/xxx.css' 不能引入 css 樣式,一開始以為是 vue 項目打包配置有問題,各種排查,由於無報錯提示,嘗試了引入其它第三方組件庫,是能正常引入樣式的。后來對比了 package.json 文件,發現 sideEffects 這一配置
"sideEffects": false,
其含義表明整個工程是"無副作用"的”,而正常來說項目中肯定會包含一些“副作用”的文件,如 import 'xxx' 就是有副作用,故不能設置為 false,將其刪除或者設置具體的排除名單,具體可見參考。