前端工程化
文章平均质量分 81
前端绘梦师
从基础的HTML、CSS到复杂的JavaScript以及前端框架,每一步都是我对技术的追求,要保持对前端设计的热爱和创造。
展开
-
webpack的使用(中)
(承接webpack的使用(上))在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 js 后缀名结尾的模块,webpack 默认处理不了,需要调用 loader 加载器才可以正常打包,否则会报错!通过loader(协助webpack进行打包)打包非js模块。原创 2024-02-20 20:01:50 · 1231 阅读 · 0 评论 -
解决Uncaught SyntaxError: Cannot use import statement outside a module(at XXX)报错
报错原因:这个错误通常是因为你正在尝试在一个不支持 ES6 模块语法的环境中使用 import 语句。这可能是因为你的代码是在一个只支持 CommonJS 或 AMD 模块系统的环境中运行的,或者你的代码运行的环境没有正确配置以支持 ES6 模块。原创 2024-02-18 09:38:08 · 19777 阅读 · 0 评论 -
webpack的使用(上)
在项目中安装和配置webpack、配置打包的入口与出口、配置webpack的自动打包功能、配置 html-webpack-plugin 生成预览页面、配置自动打包相关的参数等相关内容。原创 2024-02-17 23:19:14 · 1975 阅读 · 0 评论 -
npm install报错无法创建packge.json文件
当你在运行 npm install 时遇到错误,提示无法找到 package.json 文件,也没有创建一个 package.json 文件,只创建了一个package-lock.json文件。这通常意味着你还没有在你的项目目录中创建这个文件,或者你可能在错误的目录中运行了该命令。package.json 是 Node.js 项目的核心文件,它包含了项目的元数据和依赖信息。原创 2024-02-17 17:17:57 · 1025 阅读 · 0 评论 -
Node.js中的Babel魔法:解锁ES6语法体验
在Node.js中通过babel体验ES6模块化,babel相关的配置;了解ES6模块化,能够默认导入导出、按需导入导出、直接导入并执行模块代码。原创 2024-02-15 15:50:02 · 2126 阅读 · 0 评论 -
了解前端模块化的相关规范
AMD和CMD适用于浏览器端的Javascript模块化,CommonJs适用于服务器端的Javascript模块化。因此,ES6语法规范中,在语言层面上定义了 ES 模块化规范,是浏览器端与服务器端通用的模块化开发规范。原创 2024-02-15 12:33:02 · 381 阅读 · 1 评论