
前端模块化开发
前端开发体系的探索、总结,主要包括主流框架、主流工具、最佳实践、常见流程
「已注销」
这个作者很懒,什么都没留下…
展开
-
webpack对代码、字体、图片等静态资源的解析和压缩——解析css和scss文件
欢迎邮件交流:15225129190@163.com(源码在这里) 基础配置 1,建立一个空文件夹,执行npm init,安装webpack、webpack-cli、webpack-clean-plugin(清理插件)、html-webpack-plugin(模板插件)、webpack-dev-server(本地服务插件),在package.json的scripts里新增如下: "build": "webpack", "dev": "webpack-dev-server" 2,新建webpack.原创 2020-06-22 15:28:14 · 459 阅读 · 0 评论 -
使用webpack初始化一个vue项目(一)
一、初始准备 1,npm init生成package.json(所有选项默认) 2,手动建一个webpack.config.js 3,npm i -D webpack webpack-cli vue先把webpack和vue的包安装一下 此刻目录应该是这样: //package.json { "name": "vue-webpack-test", "version": "1.0.0", "description": "", "main": "index.js", "sc原创 2020-06-12 11:41:35 · 792 阅读 · 0 评论 -
webpack及其五大核心配置
前端开发核心之一,高级前端工程师的基础技能。(必须要学会的,别逃避了) 执行 npm init npm i webpack webpack-cli -D 新建一个webpack.config.js,默认如下 module.exports = { } 执行编译的命令为 webpack webpack的五大核心为:mode、entry、loaders、plugins、output mode:编译模式 entry:编译起始文件 loaders:文件资源的转换 plugins.原创 2020-05-27 14:51:48 · 1792 阅读 · 0 评论