【踩坑】使用自定義組件庫引入 css 樣式無效


自行開發 vue 組件庫,為了節省寫打包配置的時間,使用 vue-sfc-rollup 傻瓜式生成打包配置,組件庫發布后使用 npm 包時發現通過 import 'packageName/dist/xxx.css' 不能引入 css 樣式,一開始以為是 vue 項目打包配置有問題,各種排查,由於無報錯提示,嘗試了引入其它第三方組件庫,是能正常引入樣式的。后來對比了 package.json 文件,發現 sideEffects 這一配置

  "sideEffects": false,

其含義表明整個工程是"無副作用"的”,而正常來說項目中肯定會包含一些“副作用”的文件,如 import 'xxx' 就是有副作用,故不能設置為 false,將其刪除或者設置具體的排除名單,具體可見參考。

參考


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM