vue在main.js中全局引用css的方法及坑


步驟:

1、配置文件webpack.config.js:

  {

    test:/\.css$/,

    loader:'style-loader!css-loader'

  }

  坑1:-loader尾綴

  坑2:Module build failed: Unknown word 模塊創建失敗:未知文字????

    解決方案:注掉整個css的配置,即:

      //{

        //test:/\.css$/,

        //loader:'style-loader!css-loader'

      //}

2、入口文件main.js:

  require('./assets/css/base.css');

  或:import './assets/css/base.css';

3、$npm install style-loader css-loader --save-dev

4、調用css

  <style>

    @import './assets/css/base.css';

  </style>


免責聲明!

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



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