当前位置: 首页 > Web前端 > vue.js

Webpack基本使用

时间:2023-03-31 22:27:39 vue.js

Webpack基本使用参考地址:http://webpack.html.cn/conceptshttps://www.webpackjs.com/concepts**webpack.config.js(2.0)/vue.config。js(3.0)**1。配置进出入口:"./app/entry",//string|对象|array//这里应用程序开始执行//webpack开始打包输出:{//webpack如何输出结果path的相关选项:path.resolve(__dirname,"dist"),//string//所有输出的目标路径files//必须是绝对路径(使用Node.js的path模块)filename:"bundle.js",//stringpublicPath:"/assets/",//string//输出解析文件的目录,url相对于HTML页面library:"MyLibrary",//string,//导出库(exportedlibrary)的名称libraryTarget:"umd",//通用模块定义//导出库类型}2.配置自动打包3.配置预览页面4.配置自动打开页面5.Loader加载器支持链式投放。将以相反的顺序执行,加载器链中的第一个加载器将值返回给下一个加载器。最后一个loader中,返回webpack期望的JavaScript6,loader打包过程7,cssloader8,lessloader9,cassloader10,css兼容前缀11,打包图片和字体12,js高级语法13,vue组件加载器14.Vue15在webpack中使用,webpack打包发布16.vuecli3.017.vuecli3.0的图形界面使用elementUI