关于vue.js:Webpack的基本使用

Webpack的根本应用 参考地址：http://webpack.html.cn/conceptshttps://www.webpackjs.com/concepts**webpack.config.js(2.0) / vue.config.js(3.0)**1、配置入口和进口entry: "./app/entry", // string | object | array // 这里应用程序开始执行// webpack 开始打包output: {// webpack 如何输入后果的相干选项path: path.resolve(__dirname, "dist"), // string// 所有输入文件的指标门路// 必须是绝对路径（应用 Node.js 的 path 模块）filename: "bundle.js", // stringpublicPath: "/assets/", // string// 输入解析文件的目录，url 绝对于 HTML 页面library: "MyLibrary", // string,// 导出库(exported library)的名称libraryTarget: "umd", // 通用模块定义    // 导出库(exported library)的类型 }

2、配置主动打包

3、配置预览页面

4、配置主动关上页面

5、加载器loaderloader反对链式传递。将依照相同的程序执行，loader 链中的第一个loader返回值给下一个loader。在最初一个loader，返回  webpack所预期的JavaScript

6、加载器打包过程

7、css loader

8、less loader

9、cass loader

10、css兼容前缀

11、打包图片和字体

12、js高级语法

13、vue组件加载器

14、webpack中应用vue

15、webpack打包公布

16、vue cli3.0

17、vue cli3.0图形界面应用elementUI