摘要: 注意:在初次使用Webpack打包的时候输入指令出现如下提示: webpack : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\webpack.ps1, 因为在此系统上禁止运行脚本 原因 powershell对于脚本的执行有着严格的安全限制,默认是不载入配置文件的 阅读全文
posted @ 2022-04-11 14:05 搬砖工具人 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 一、安装webpack首先需要安装Node.js, Node.js自带了软件包管理工具npm 二、查看自己的node版本: 三、全局安装webpack(这里我先指定版本号3.6.0,因为vue cli2依赖该版本) 四、局部安装webpack “--save-dev” 是开发时依赖,项目打包后不需要 阅读全文
posted @ 2022-04-11 13:51 搬砖工具人 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 一、Webpack官方解释 从本质上讲:webpage是一个现代的JavaScript应用的静态模块打包工具。(模块和打包) 为了可以正常运行,必须依赖node环境,node环境为了可以正常的执行很多代码,必须其中包含各种依赖的包。npm(node packages manager)工具 1.1 前 阅读全文
posted @ 2022-04-11 11:50 搬砖工具人 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 一、需要在html代码中引用两个js文件,并且类型需要设置为module <script src="info.js" type="module"></script> <script src="main.js" type="module"></script> 二、export指令用于导出模块中的内容 阅读全文
posted @ 2022-04-11 11:21 搬砖工具人 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 模块化有两个核心:导出和导入 CommonJS的导出: module.exports= { flag: true, text(a,b){ return a + b; }, demo(a, b){ return a * b; }} CommonJS的导入: //CommonJS模块 let { tes 阅读全文
posted @ 2022-04-11 10:30 搬砖工具人 阅读(29) 评论(0) 推荐(0) 编辑