webpack
vvv10
这个作者很懒,什么都没留下…
展开
-
webpack(一)安装
webpack前端构建工具学习总结(一)之webpack安装、创建项目1、安装node.js命令node -v查看版本信息2、安装npm也可以使用淘宝镜像: npm i -g cnpm --registry=https://registry.npm.taobao.org3、安装vue(可在cdm中也可在idea中,以IDEA为例)在terminal(alt+f12)中输入以下命令vu...原创 2019-09-26 22:25:25 · 365 阅读 · 0 评论 -
webpack (二)loader的使用
webpack前端构建工具—loader的使用webpack本身只能处理javascript模块,如果处理其它类型的文件,就需要使用loader进行转换。Loader 可以理解为是模块和资源的转换器,它本身是一个函数,接受源文件作为参数,返回转换的结果。1、require()方法作用:引用模块3、loader的使用方式以向应用中添加css文件为例:如果在应用中添加css文件,就需要用到...原创 2019-09-28 09:53:28 · 172 阅读 · 0 评论 -
webpack(三)webpack.config.js配置文件
webpack.config.js配置文件path.join与path.resolve的区别1、__dirname__dirname(该单词前面是两个小的下划线):返回当前文件所在的绝对路径2、引入模块const path = require('path')3、path.join与path.resolve的区别(1)path.join()语法:path.join([path1],...原创 2019-10-02 17:10:28 · 1403 阅读 · 0 评论 -
webpack(四)自动化生成html文件
webpack(四)自动化生成html文件1、安装html-webpack-plugin插件输入命令:npm install html-webpack-plugin --save-dev2、在webpack.config.js引入html-webpack-plugin插件const path = require('path'); //引入模块var htmlWebpackPlugi...原创 2019-10-05 18:40:39 · 445 阅读 · 0 评论