
Webpack
qq_39125445
挑战自我,持之以恒
展开
-
Webpack4基本打包(一)-----------webapck4打包js,html,css,image
要实现wepack打包,首先安装一以下内容npm install webpack -g指定版本npm install webpack@1.15.0 -gnpm install webpack-cli -gnpm install webpack-dev-server -g安装webpack-cli是webpack4独有的。打包步骤1.首先创建3个文件夹 mkdir dis...原创 2019-03-06 16:16:20 · 1083 阅读 · 0 评论 -
webpack4基本打包(二)----babel配置打包方法
首先想要配置babel打包,先在本地配置一下babel转换环境,后面再使用webpack加载要转换打包的文件。配置环境有两种第一种:插件自己安装类型首先配置本地babel环境1.安装babel-corenpm install babel-core2.根目录创建.babelrc文件,这个文件的作用是在linux中rc文件是自动执行文件3.安装babel-cli,安装这个...原创 2019-03-06 16:58:56 · 1138 阅读 · 0 评论 -
webpack4基本打包(三)----错误处理
1.这个错误是output的path没有使用绝对路径,必须使用node的path模块输出绝对路径。2.这个没有css,loader加载这个样式。3.style-loader和css-loader加载顺序交换会造成这个问题4.关于babel打包没有先安装...原创 2019-03-06 21:47:42 · 411 阅读 · 0 评论 -
gulp
gulp自动化工具入门Gulp和Webpack的基本区别:gulp可以进行js,html,css,img的压缩打包,是自动化构建工具,可以将多个js文件或是css压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加快请求速度和减少请求次数;并且gulp有task定义处理事务,从而构建整体流程,它是基于流的自动化构建工具。Webpack是前端构建工具,实现了模块化开发和文件处理...原创 2019-07-26 16:15:43 · 2848 阅读 · 1 评论