文件名称:webpack-pages:webpack多页面脚手架,webpack多页面脚,全自动化多页面脚手架
文件大小:427KB
文件格式:ZIP
更新时间:2024-04-10 16:01:43
JavaScript
webpack多页面脚手架(自动)-原创 前端时间做一个项目,不依赖任何框架,如何去实现一个前完全完全分离的多页面脚手架呢?思前想后之后,选择了webpack, 用Nodejs的文件读写流,实现了全自动化文件目录编译 用ejs模板,解决了html中头部尾部的抽离 用webpack自带的加载器,支持的插件等,处理了样式,图片,html的输出等 脚手架运行命令 npm run dev 代码分析 entry.js 入口文件 //这个是入口文件的配置 let fs = require('fs'); let path = require('path'); //解析需要遍历的文件夹 let filePath = path.resolve('./src/js'); let entry = {}; //调用文件遍历方法 fileDisplay(filePath); //文件遍历方法 function f
【文件预览】:
webpack-pages-master
----view()
--------index()
--------global()
----package.json(1KB)
----src()
--------js()
--------css()
--------img()
----webpack.config.js(2KB)
----postcss.config.js(209B)
----dist()
--------view()
--------res()
----README.md(4KB)
----config()
--------output.js(365B)
--------loaders.js(2KB)
--------entry.js(960B)
--------plugins.js(1KB)