纯干货-Element源码-项目初始化和webpack配置(1)

webpack配置

在 build 目录下创建webpack配置文件 webpack.config.js ,提供 入口(entry) 、 模式（Mode） 、 输出(output) 、 模块（Module） 、 插件(Plugins) 、 开发服务器(DevServer) 等配置选项。

0x02.项目运行
npm scripts 配置

在npm脚本中新增webpack命令，执行的命令会自动去 node_modules 寻找，不用加上目录。

修改 package.json 配置

.
…
“scripts”: {
“build:dist”: “webpack --config build/webpack.config.js”,
“dev”: “webpack-dev-server --config build/webpack.config.js”
},
…
.

cross-env配置

cross-env是一款运行跨平台设置和使用环境变量的脚本，不同平台使用唯一指令，无需担心跨平台问题。

修改 package.json 配置

.
…
“scripts”: {
“build:dist”: “cross-env NODE_ENV=development webpack --config build/webpack.config.js”,
“dev”: “cross-env NODE_ENV=development webpack-dev-server --config build/webpack.config.js”
},
…
.

运行测试

命令行窗口中，在该项目根目录下输入 npm run dev 即可进行本地开发调试。

成功运行后，项目第一个页面结果如下：

最终目录结构：

0x03.示例代码
https://github.com/andurils/code-examples/tree/main/learning-element2/step00

码字不易，如果觉得本篇文章对你有用的话，请给我点赞！后续会有更多的干货分享，请持续关注！

最后

一次偶然，从朋友那里得到一份“java高分面试指南”，里面涵盖了25个分类的面试题以及详细的解析：JavaOOP、Java集合/泛型、Java中的IO与NIO、Java反射、Java序列化、Java注解、多线程&并发、JVM、Mysql、Redis、Memcached、MongoDB、Spring、Spring Boot、Spring Cloud、RabbitMQ、Dubbo 、MyBatis 、ZooKeeper 、数据结构、算法、Elasticsearch 、Kafka 、微服务、Linux。

这不，马上就要到招聘季了，很多朋友又开始准备“金三银四”的春招啦，那我想这份“java高分面试指南”应该起到不小的作用，所以今天想给大家分享一下。

请注意：关于这份“java高分面试指南”，每一个方向专题（25个）的题目这里几乎都会列举，在不看答案的情况下，大家可以自行测试一下水平 且由于篇幅原因，这边无法展示所有完整的答案解析

方向专题（25个）的题目这里几乎都会列举，在不看答案的情况下，大家可以自行测试一下水平 且由于篇幅原因，这边无法展示所有完整的答案解析

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录