65 lines
1.3 KiB
Plaintext
65 lines
1.3 KiB
Plaintext
webpack 运行的各种配置文件
|
||
build/ webpcak 核心运行文件
|
||
config/ webpcak 自定配置
|
||
|
||
src/ 存放源代码
|
||
assets/ 静态资源（图片，视频，字体） 会被webpack进行处理，符合条件（10kb）会被合并到app.js
|
||
components/ 存放公共组件的地方
|
||
router/ vue-router 的配置文件
|
||
App.vue 最外层的顶级路由出口
|
||
main.js 程序的启动文件（入口）
|
||
|
||
static/ 静态资源（图片，视频，字体） 只是进行复制到dist文件夹
|
||
.babelrc babel的配置文件
|
||
|
||
.editorconfig 编辑器配置文件
|
||
.eslintignore 忽略文件
|
||
.eslintrc.js eslint 的配置文件
|
||
.gitignore git 忽略文件
|
||
.postcssrc.js postcss 插件的配置文件
|
||
index.html spa 单页web应用
|
||
README.md 帮助文档
|
||
|
||
vendor.js
|
||
manifest.js
|
||
|
||
Source Map xxxx.map 代码地图
|
||
|
||
webpack
|
||
|
||
插件： xxxx-loader
|
||
|
||
xxx.vue --webpack---> xxx.js
|
||
html
|
||
|
||
css
|
||
|
||
js
|
||
|
||
xxx.lb --webpack---> xxx.js
|
||
|
||
webpack 是 代码编译(打包)工具，有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具
|
||
|
||
|
||
|
||
babel????
|
||
|
||
JavaScript 编译器
|
||
|
||
新的js语法 --babel--> 转换成所有浏览器通用的js代码 ---> v8
|
||
|
||
|
||
vue 插件
|
||
非vue插件 axios
|
||
vue插件 vuex
|
||
|
||
css
|
||
|
||
css 预处理器
|
||
|
||
less
|
||
|
||
sass scss
|
||
|
||
stylus
|