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

步骤:css

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

  {web

    test:/\.css$/,npm

    loader:'style-loader!css-loader'ui

  }spa

  坑1:-loader尾缀test

  坑2:Module build failed: Unknown word 模块建立失败:未知文字????import

    解决方案:注掉整个css的配置,即:require

      //{配置

        //test:/\.css$/,

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

      //}

二、入口文件main.js:

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

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

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

四、调用css

  <style>

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

  </style>

相关文章
相关标签/搜索