vue2 + Element-ui + webpack 打包兼容

作者: W北落师门W | 来源:发表于2019-03-01 15:30 被阅读0次

vue2 + Element-ui + webpack 打包兼容
webpack
Vue2.0基础-vue-cli搭建项目
Shimming的作用
（四）vue中ElementUI简单使用
使用webpack的注意点
使用webpck实现模块化打包
Element-UI的基本使用
webpack打包兼容之shimming(垫片)
web前端各浏览器兼容性问题

确保安装过babel-loader和babel-polyfill
```
cnpm i babel-loader babel-polyfill -D
```

将webpack配置文件修改为

entry: {
    app:['babel-polyfill', './src/main.js']
}

{
    test: /\.js$/,
    loader: 'babel-loader?cacheDirectory',
    include: [
        resolve('src'),
        resolve('test'),
        resolve('node_modules/_element-ui@2.4.7@element-ui/src'),
        resolve('node_modules/_element-ui@2.4.7@element-ui/package')
    ]
}

// 上述element-ui文件目录以本地 node_modules 中 element-ui 文件夹名称为准

重新打包即可

vue2 + Element-ui + webpack 打包兼容
确保安装过babel-loader和babel-polyfillcnpm i babel-loader babel...
webpack
webpack是什么？ webpack将静态资源称之为模块。webpack是一个模块打包工具，可以兼容多种js书写...
Vue2.0基础-vue-cli搭建项目
一、什么是webpack？ webpack是一个module bundler（模块打包工具），其可以兼容各种js书...
Shimming的作用
垫片 1 .代码的兼容或者打包过程的兼容2 .@babel/polyfill 使用场景 1 .当webpack发现...
（四）vue中ElementUI简单使用
使用 npm 的方式安装，它能更好地和webpack打包工具配合使用。 npm i element-ui -S 在...
使用webpack的注意点
作者：叶茂；标签: webpack，兼容性知识点 webpack简要介绍打包前端代码，优化前端工作流。注意点...
使用webpck实现模块化打包
如何使用webpck实现模块化打包 webpack作为模块打包工具，可以实现模块化代码打包的问题对于有环境兼容问...
Element-UI的基本使用
一. Element-UI 的基本使用 Element-UI：一套为开发者、设计师和产品经理准备的基于 Vue2 ...
webpack打包兼容之shimming(垫片)
写在前面在webapck打包的过程中，我们往往需要做代码的兼容，或者打包过程的兼容。比如，我们之前使用的@bab...
web前端各浏览器兼容性问题
对 ES 语法的支持上 ES6 的兼容问题项目打包的时候 webpack 中用 babel-loader 处理 F...