一个昵称叫铃风的小前端

npm i安装依赖node_modules 起步 准备文件：略 构建：npx webpack，默认打包main.js到src目录 管理资源 加载 CSS： 1.依赖 2.配置 3.新建css文件 4.index.js引入 5.打包 加载图片 字体 加载数据 管理输出 输出多个bundle.js HtmlWebpackPlugin 注意：webpack和webpack-cli不...

入口 输出： 注意，即使可以存在多个入口起点，但只指定一个输出配置。 loader plugins 配置 模块解析 manifest 热更新 webpack-dev-serve

https://www.jianshu.com/p/49a7ffc68975

1.安装依赖：eslint 2.配置webpack.config.js： exclude忽略node_modules文件夹 enforce:将该检测放到其他loader之前，检测通过才会进入其他loader处理 3.根目录创建.eslintrc.js文件，配置： 4.启动npm run server（配置server在前面已整理过） 5.错误测试报错参考上节 ...

1.安装依赖： vue vue-loader vue-template-compiler 2.配置webpack.config.js：使用vue-loader来处理.vue文件 3.创建相关文件： index.html: app.vue: main.js: 整体目录结构： 4.打包：npm run bulid 生成./dist/bundle.js 下一节总结vue引入eslint检测 ...

1.安装eslint 2.执行eslint init生成.eslintrc.js 也可以手动创建文件.eslintry.js，配置如下： 3.启动，成功 测试：如果缩进不是2个空格，浏览器则会报如下错误 cmd报错： 这是基本html css js版，下面讲自己配置可以解析.vue格式的文件以及eslint的响应配置 ...

1.安装webpack-dev-server 它配合node，帮我们开启本地服务器 2.书中说安装后执行webpack-dev-server即可 但实际会报错： 百度，尝试了webpack-dev-server --line、webpack-dev-server --content-base ./等命令，还是同样的错误 最后成功的方法：配置package.json 配置webpack.con...

1.需要使用插件：extract-text-webpack-plugin 2.html引用打包后的css文件： 3.配置webpack.config.js： 执行打包后报错： 网上提供了几个方案，最简单的是把23行contenthash改成hash，打包生成main_ed9713af.css 问题：html如何引入有hash的css文件 方法2，更改写法： 打包后生成style.css: ...

1.需要安装两个包：css-loader style-loader 2.根目录创建index.css文件 3.main.js引入css文件： 4.配置webpack.config.js 5.index.html引入打包后的css文件 6.执行npm run build打包，css将会被注入./dist/bundle.js中 此时的目录结构： 7.打开index.html: 8.分析 这样...

顺序以 1.安装webpack cnpm install webpack -g 2.安装 webpack-cli cnpm install webpack-cli -g 3.查看版本： webpack --version 4.初始化文件夹 cnpm init 完成后文件夹出现package.json 5.cnpm i 安装依赖，出现node_modules文件夹 6.在根目录创建index.ht...