vue2.x main.js中全局引用css的方法及问题解决

位置:首页>文章>详情   分类: 教程分享 > Vue.js教程   阅读(4367)   2024-03-16 09:31:31

步骤:

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>
地址:https://www.leftso.com/article/620.html

相关阅读

步骤:1、配置文件webpack.config.js:  {     test:/\.css$/,     loader:'style-loader!css-loader'  ...
前言有时候,我们需要对js的原生对象进行扩展,达到全局使用更方便的效果
在初始化的Vue项目中,我们最先接触到的就是main.js,App.vue,index.html这三个文件,从下面创建的一个空白项目中可以看到:​关于三个文件的说明如下:index.html---主页
vue
1.vue项目中创建global.js创建global.js放于main.js同级目录(可自己随意放)export default {   getToken()   {     retur...
vue打包会把vue相关的组件打包到一个文件vendor.*.js(*是个随机数)步骤一 资源引入vue最外层index.html文件引入资源文&lt;body&gtl;     &lt;di...
vue-router 中 routers 定义写法,讨论 require 的使用与否​首先上 routerindex.jsimport Vue from 'vue'import Router f...
一、前言Vue 2.x 使用期间,我们会创建众多组件,这里我们将讨论一下各个组件直接的相互通讯问题如何解决
在初始化完一个vue项目(基于vue-cli 和webpack)之后,我们可以通过 npm run dev来让这个项目跑起来
一、vue-router路由跳转分为两大类编程式的跳转:router.push声明式的跳转:&lt;router-link&gtl;二、编程式的跳转分为三种1、this.$router.push...
普通写法​vantUI 使用字体图标和文字&lt;template&gtl; &lt;van-tabbar v-model="active" active-color="#07c160"&gtl...