webpack
文章平均质量分 58
去海边钓猪
你要足够努力,才不会显得那么狼狈
展开
-
npm本地安装和全局安装的区别
本地安装和全局安装的区别使用node install webpack -g的方式来进行全局安装,安装目录默认将是Node安装目录的node_moudle文件夹。当全局安装之后,可以在命令行中去使用安装的包,而在项目中要使用,需要修改导入路径才可以使用。使用node install webpack -D的方式来进行本地安装,将默认安装在当前项目的node_modules文件夹。安装完成后将在项目的package.json中的Devdependencies或者dependencies加入安装包的版本号进信原创 2021-07-08 09:07:44 · 1193 阅读 · 0 评论 -
webpack中的加载器loader
webpack中的加载器通过loader打包非js模块在实际开发过程中,webpack 默认只能打包处理以.js 后缀名结尾的模块,其他非.js 后缀名结尾的模块,webpack 默认处理不了,需要调用loader加载器才可以正常打包,否则会报错!loader 加载器可以协助webpack 打包处理特定的文件模块,比如:less-loader可以打包处理.less相关的文件sass-loader 可以打包处理.scss相关的文件url-loader可以打包处理css中与 ur1路径相关的文件原创 2021-07-08 09:07:08 · 129 阅读 · 0 评论 -
webpack打包配置
webpack打包配置webpack的4.x版本中默认约定:打包的入口文件为src-> index.js打包的输出文件为dist -> main.js如果不适用webpack打包,那么浏览器将无法识别ES6模板规范。修改打包入口和出口项目根目录新建webpack.config.js文件,加入配置代码const path = require('path') //导入node.js操作路径的模块module.exports = { mode: 'develop原创 2021-07-08 09:06:43 · 287 阅读 · 0 评论 -
webpack的安装与使用
模块化规范-ES6模块化在ES6模块化规范诞生之前,Javascript社区已经尝试并提出了AMD、CMD、CommonJs等模块化规范.但是,这些社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准,例如:AMD和CMD适用于浏览器端的Javascript模块化commonJs适用于服务器端的Javascript模块化因此,ES6语法规范中,在语言层面上定义了ES6模块化规范,是浏览器端与服务器端通用的模块化开发规范。ES6模块化规范:每个js文件都原创 2021-07-07 19:33:04 · 173 阅读 · 3 评论 -
nrm工具的安装和错误解决
npm工具的安装nrm是一个npm服务器下载地址管理工具,当我们使用国外的地址访问速度慢时,我们可以修改为过国内的镜像地址下载。安装cmd命令行输入npm install nrm -g测试nrm testC:\Users\Lyj>nrm test npm ---- 893ms yarn --- 7056ms cnpm --- 9358ms* taobao - 163ms nj ----- Fetch Error npmMirror 8533ms e原创 2021-07-07 19:31:22 · 1020 阅读 · 0 评论