文件名称:webpack-template:web的webpack @ 4
文件大小:1.89MB
文件格式:ZIP
更新时间:2024-02-20 20:41:41
babel arttemplate webpack-template BabelJavaScript
webpack模板 为懒人准备的webpack模版,演示从零纯手工构造webpack的详细配置,可移除示例的组件即可直接用于生产。 这里单纯只做webpack构建,打包,代码的组织等示例,用简单的js去编写示例组件,关于React,Vue等配置并不复杂,可以在需要时添加。 随着webpack版本的迭代,继承最新的特性加入,持续更新... 文档地址 版本 webpack 4 + babel 7 运行命令 安装依赖 yarn / yarn install # 安装全部依赖包 开发调试 yarn start/dev # 启动本地调试 yarn dev:mock # 启动本地调试,MockJs 模拟接口数据 yarn dev:page-a # 启动本地调试,仅 page-a 页面 yarn dev:page-b # 启动本地调试,仅 page-b 页面 # watch 模式,移除了 js、css 的压缩,节省时间(watch 时需要 build 压缩版代码,可自行修改)。 yarn watch-dev # 启动
【文件预览】:
webpack-template-master
----postcss.config.js(374B)
----yarn.lock(374KB)
----.eslintrc.js(633B)
----src()
--------common()
--------service()
--------pages()
--------utils()
--------views()
--------constant()
--------lib()
--------components()
--------assets()
--------mock()
----.babelrc(970B)
----config()
--------env.js(814B)
----build()
--------webpack.config.base.js(4KB)
--------webpack.config.dev.js(1KB)
--------utils.js(3KB)
--------paths.js(520B)
--------webpack.config.watch.js(2KB)
--------webpack.config.build.js(5KB)
----ReadMe.md(5KB)
----.gitignore(218B)
----.eslintignore(21B)
----package.json(4KB)