build/webpack.demo.js运行流程
2023-02-26 13:56:53 11 举报qw
作者其他创作
大纲/内容
找到后插入准备好的``模板中
vue-loader 进行解析vue文件
./examples/entry.js
plugins
自定义md-loader(./md-loader/index.js)
build/webpack.demo.js
devServer设置启动host和端口号
modal处理各种模块
引入main、header、side-nav、foot、title代码块模板
定义查找标记，比如startTag、endTag、
入口文件根据isProd和isPlay进行判断
babel-loader，将es6代码转换成es5
从./src/index.js引入Element组件
HotModuleReplacementPlugin，模块热更新
通过tag使用，content.indexof()去查找md里面的代码片段中的
css-loader、sass-loader(cssloader解析从右到左)
content = md.render(source)读取文件
ProgressBarPlugin进度条
eslint-loader进行代码格式检查
output控制输出路径，文件名以[name].[hash:7].js命名
HtmlWebpackPlugin，引入打包后的js、css资源文件
demo-block.vue以模板的形式生成代码块的样式
设置resolve解析方式
0 条评论
下一页
