zoukankan      html  css  js  c++  java
  • vue项目安装依赖包

    UI库: element-ui    iview

    npm i element-ui -S
    在项目中引入 element-ui 在入口文件main.js中配置:

     (全局引入,会把组件库里所有的组件和css引入)

      import ElementUI from 'element-ui';
      import 'element-ui/lib/theme-chalk/index.css';
      Vue.use(ElementUI);

    npm install iview -S

    在项目中引入iview 在入口文件main.js中配置:

     (全局引入,会把组件库里所有的组件和css引入)

    import iView from 'iview'
    import 'iview/dist/styles/iview.css'
    Vue.use(iView)

    安装依赖包: babel-polyfill

    vue cli3-IE浏览器 babel-polyfill  (如果新建项目的时候安装了 babel-loader依赖,就不需要安装babel-polyfill,babel-loader包含了)
    (题主的项目应用常规的vue-cli3构建项目,在兼容IE浏览器时遇到的问题,做一下记录,IE11版本浏览器不支持ES6百分之85%的语法规范,在vue项目中选择使用babel-polyfill兼容语法)
    (1)安装babel-polyfill: npm install babel-polyfill --save-dev
    (2)在main.js
    引用import 'babel/polyfill' (可能是 import '@babel/polyfill' )
    (3)babel.config.js 配置:
        module.exports = {
          presets: [
            ['@vue/app', {
              useBuiltIns: 'entry'
            }]
          ]
        }
    (4)vue.config.js配置: 
        chainWebpack (config) {
          config.entry('main').add('babel-polyfill')
        }
     ()package.json里面的.browserslistrc

        【
          > 1%
          last 2 versions
          not ie <= 10
        】

    后续会更新。。。

  • 相关阅读:
    HDU 3874 Necklace 区间查询的离线操作
    POJ 1651 Multiplication Puzzle (区间dp)
    POJ 2528 Mayor's posters(离散+线段树)
    POJ 2886 Who Gets the Most Candies?
    webgl教程
    GL_ARRAY_BUFFER 和 GL_ELEMENT_ARRAY_BUFFER
    几个不错的webgl教程网
    svg图标库
    sublime text nodejs set
    图形学着色器学习
  • 原文地址:https://www.cnblogs.com/queenDream/p/13207877.html
Copyright © 2011-2022 走看看