diff --git "a/data/2.Vue\344\270\255\351\230\266/5.Axios/1.\345\237\272\346\234\254\347\224\250\346\263\225/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/5.Axios/1.\345\237\272\346\234\254\347\224\250\346\263\225/exercises.json"
index 86293f90dfa4e9a2bd16019552bf82ad966663cc..e2390d12245306268d57ea27fe34919ec35cc009 100644
--- "a/data/2.Vue\344\270\255\351\230\266/5.Axios/1.\345\237\272\346\234\254\347\224\250\346\263\225/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/5.Axios/1.\345\237\272\346\234\254\347\224\250\346\263\225/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "5d42d6e847b7470eba4c4f08ffa51079"
diff --git "a/data/2.Vue\344\270\255\351\230\266/5.Axios/2.\350\256\276\347\275\256\350\257\267\346\261\202\351\205\215\347\275\256/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/5.Axios/2.\350\256\276\347\275\256\350\257\267\346\261\202\351\205\215\347\275\256/exercises.json"
index 6498c80c479f009adb15072c15d1e0a16cd6bcd3..270547d075009a2770d883999fc08483eb49a22b 100644
--- "a/data/2.Vue\344\270\255\351\230\266/5.Axios/2.\350\256\276\347\275\256\350\257\267\346\261\202\351\205\215\347\275\256/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/5.Axios/2.\350\256\276\347\275\256\350\257\267\346\261\202\351\205\215\347\275\256/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "b96c67c2273849ec99e6fed0d48f091b"
diff --git "a/data/2.Vue\344\270\255\351\230\266/5.Axios/3.\346\213\246\346\210\252\345\231\250\343\200\201\345\217\226\346\266\210\350\257\267\346\261\202/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/5.Axios/3.\346\213\246\346\210\252\345\231\250\343\200\201\345\217\226\346\266\210\350\257\267\346\261\202/exercises.json"
index 76c39e7a1c39b9b47250aa9761abdb6b8b8eef2d..3dba1b61ed8669cd69543024d27109e693a5aaff 100644
--- "a/data/2.Vue\344\270\255\351\230\266/5.Axios/3.\346\213\246\346\210\252\345\231\250\343\200\201\345\217\226\346\266\210\350\257\267\346\261\202/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/5.Axios/3.\346\213\246\346\210\252\345\231\250\343\200\201\345\217\226\346\266\210\350\257\267\346\261\202/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "00e895ceea48452ab5656bbf216f738b"
diff --git "a/data/2.Vue\344\270\255\351\230\266/5.Axios/4.\350\257\267\346\261\202\350\267\250\345\237\237/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/5.Axios/4.\350\257\267\346\261\202\350\267\250\345\237\237/exercises.json"
index 2ea861021905aa7d96482c2833cb329a002c0dad..7d564b1357d96cd5331b57aa0ad48069f13707f4 100644
--- "a/data/2.Vue\344\270\255\351\230\266/5.Axios/4.\350\257\267\346\261\202\350\267\250\345\237\237/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/5.Axios/4.\350\257\267\346\261\202\350\267\250\345\237\237/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "ac8f3093d39b48eeb1b92276fd5599cc"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/1.\345\211\215\347\253\257\346\250\241\345\235\227\345\214\226/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/1.\345\211\215\347\253\257\346\250\241\345\235\227\345\214\226/exercises.json"
index f3b623e51c450129c6a7fa2f82fd23d6af17ceab..a35c27e852ff9d14da8b387a9335d149b58a12ae 100644
--- "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/1.\345\211\215\347\253\257\346\250\241\345\235\227\345\214\226/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/1.\345\211\215\347\253\257\346\250\241\345\235\227\345\214\226/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "211d46b4c3e94f37b8a817ab6c18fce5"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/2.webpack\346\230\257\344\273\200\344\271\210/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/2.webpack\346\230\257\344\273\200\344\271\210/exercises.json"
index af2a8446bcd5ceb4a2d6c0393eaff828e47ff6d7..4b7f10a724a2e193273e7f82c218eaa4539b9b83 100644
--- "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/2.webpack\346\230\257\344\273\200\344\271\210/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/2.webpack\346\230\257\344\273\200\344\271\210/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "72f31b4d6b194ab68dd7a2f65c2a5c01"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/3.\345\256\211\350\243\205webpack/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/3.\345\256\211\350\243\205webpack/exercises.json"
index 692ff17181c882f9fb21ea88c5adbc558ccf6533..2da694e3475d6c820398f45c78ec8eb0f15e259c 100644
--- "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/3.\345\256\211\350\243\205webpack/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/3.\345\256\211\350\243\205webpack/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "b2ef981f462d41918ee5f2b6d8d29fbe"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/4.\345\256\211\350\243\205webpack/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/4.\345\256\211\350\243\205webpack/exercises.json"
index 5a863e55bde7edaffac74675776b07747c21922b..28d1c90733155882541a02a5148a04736b833539 100644
--- "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/4.\345\256\211\350\243\205webpack/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/4.\345\256\211\350\243\205webpack/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "73b6d3521d6e42e28301ea7885df0b7d"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/5.webpack\347\232\204\345\237\272\346\234\254\344\275\277\347\224\250/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/5.webpack\347\232\204\345\237\272\346\234\254\344\275\277\347\224\250/exercises.json"
index af738fa646ff0c58f038a0851721efa2c8e2a70e..231689074e03068685e08d3b1e6db9eb1b365915 100644
--- "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/5.webpack\347\232\204\345\237\272\346\234\254\344\275\277\347\224\250/exercises.json"
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/5.webpack\347\232\204\345\237\272\346\234\254\344\275\277\347\224\250/exercises.json"
@@ -1,6 +1,6 @@
{
"type": "code_options",
- "author": null,
+ "author": "zhaoss",
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "d3140697fada41c4978d4947dc391733"
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/config.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/config.json"
new file mode 100644
index 0000000000000000000000000000000000000000..5e83afb66a1d020befa439e2e3e31cb96258f017
--- /dev/null
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/config.json"
@@ -0,0 +1,15 @@
+{
+ "node_id": "vue-35b90aa83701425696c832b4da590cc6",
+ "keywords": [
+ "webpack的相关配置",
+ "webpack配置"
+ ],
+ "children": [],
+ "export": [
+ "exercises.json"
+ ],
+ "keywords_must": [
+ "webpack"
+ ],
+ "keywords_forbid": []
+}
\ No newline at end of file
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.json" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.json"
new file mode 100644
index 0000000000000000000000000000000000000000..df679607af319c44219e75ac134453f8a943e1cc
--- /dev/null
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.json"
@@ -0,0 +1,7 @@
+{
+ "type": "code_options",
+ "author": null,
+ "source": "exercises.md",
+ "notebook_enable": false,
+ "exercise_id": "f288e76b11f24f40872cc190f1f1eeb6"
+}
\ No newline at end of file
diff --git "a/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.md" "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.md"
new file mode 100644
index 0000000000000000000000000000000000000000..9fe60147aeb12baeba74351a1c862956aa531640
--- /dev/null
+++ "b/data/2.Vue\344\270\255\351\230\266/8.webpack\346\211\223\345\214\205\345\267\245\345\205\267/6.webpack\347\232\204\347\233\270\345\205\263\351\205\215\347\275\256/exercises.md"
@@ -0,0 +1,133 @@
+# webpack的相关配置
+
+ 小常识：
+
+
+**设置webpack的打包入口/出口**
+
+在webpack 4.x中，默认会将src/index.js 作为默认的打包入口js文件，默认会将dist/main.js 作为默认的打包输出js文件，如果不想使用默认的入口/出口js文件，我们可以通过改变 webpack.config.js 来设置入口/出口的js文件，如下：
+
+```javascript
+const path = require("path");
+module.exports = {
+ mode:"development",
+ //设置入口文件路径
+ entry: path.join(__dirname,"./src/xx.js"),
+ //设置出口文件
+ output:{
+ //设置路径
+ path:path.join(__dirname,"./dist"),
+ //设置文件名
+ filename:"res.js"
+ }
+}
+```
+
+**设置webpack的自动打包**
+
+默认情况下，我们更改入口js文件的代码，需要重新运行命令打包webpack，才能生成出口的js文件，那么每次都要重新执行命令打包，这是一个非常繁琐的事情，那么，自动打包可以解决这样繁琐的操作。实现自动打包功能的步骤如下：
+
+1.安装自动打包功能的包:webpack-dev-server
+>npm install webpack-dev-server -D
+>
+2.修改package.json中的dev指令如下：
+
+```javascript
+"scripts":{
+ "dev":"webpack-dev-server"
+ }
+```
+
+3.将引入的js文件路径更改为：
+
+```javascript
+
+```
+
+4.运行npm run dev，进行打包
+
+5.打开网址查看效果：http://localhost:8080
+
+
+**注意：**
+webpack-dev-server自动打包的输出文件，默认放到了服务器的根目录中。
+**补充：**
+在自动打包完毕之后，默认打开服务器网页，实现方式就是打开package.json文件，修改dev命令：
+```javascript
+ "dev": "webpack-dev-server --open --host 127.0.0.1 --port 9999"
+```
+**配置html-webpack-plugin**
+
+
+>使用html-webpack-plugin 可以生成一个预览页面。
+
+因为当我们访问默认的 http://localhost:8080/的时候，看到的是一些文件和文件夹，想要查看我们的页面,还需要点击文件夹点击文件才能查看，那么我们希望默认就能看到一个页面，而不是看到文件夹或者目录。
+
+
+实现默认预览页面功能的步骤如下：
+
+1.安装默认预览功能的包:html-webpack-plugin
+
+
+>npm install html-webpack-plugin -D
+
+2.修改webpack.config.js文件，如下：
+
+```javascript
+//导入包
+ const HtmlWebpackPlugin = require("html-webpack-plugin");
+ //创建对象
+ const htmlPlugin = new HtmlWebpackPlugin({
+ //设置生成预览页面的模板文件
+ template:"./src/index.html",
+ //设置生成的预览页面名称
+ filename:"index.html"
+ })
+```
+3.继续修改webpack.config.js文件，添加plugins信息：
+
+```javascript
+module.exports = {
+ ......
+ plugins:[ htmlPlugin ]
+ }
+```
+**webpack中的加载器**
+
+通过loader打包非js模块：默认情况下，webpack只能打包js文件，如果想要打包非js文件，需要调用loader加载器才能打包
+
+ loader加载器包含：
+ 1).less-loader
+ 2).sass-loader
+ 3).url-loader:打包处理css中与url路径有关的文件
+ 4).babel-loader:处理高级js语法的加载器
+ 5).postcss-loader
+ 6).css-loader,style-loader
+
+
+注意：指定多个loader时的顺序是固定的，而调用loader的顺序是从后向前进行调用
+
+
+
+
+
+ 小测试：
+
+如果项目中处理css需要安装?
+
+## 答案
+
+css-loader、style-loader
+
+## 选项
+
+### A
+
+style-loader、sass-loder
+
+### B
+
+sass-loader
+
+### C
+css-loader、sass-loder
diff --git a/data/tree.json b/data/tree.json
index 2032e48796b41f958e57fd777be9f1c40448dd60..e9761a02a4c5dcc32d4ae44741c550d563a194ca 100644
--- a/data/tree.json
+++ b/data/tree.json
@@ -987,7 +987,10 @@
{
"前端模块化": {
"node_id": "vue-0475f47465fa439aa1b67eef8b281b51",
- "keywords": [],
+ "keywords": [
+ "前端模块化",
+ "js模块化"
+ ],
"children": [],
"keywords_must": [],
"keywords_forbid": []
@@ -996,9 +999,14 @@
{
"webpack是什么": {
"node_id": "vue-592ae91f67a443dca4b80a9611360c0a",
- "keywords": [],
+ "keywords": [
+ "webpack是什么",
+ "什么是webpack"
+ ],
"children": [],
- "keywords_must": [],
+ "keywords_must": [
+ "webpack"
+ ],
"keywords_forbid": []
}
},
@@ -1011,21 +1019,43 @@
"keywords_forbid": []
}
},
+ {
+ "安装webpack": {
+ "node_id": "vue-35b90aa83701425696c832b4da590cc6",
+ "keywords": [
+ "安装webpack"
+ ],
+ "children": [],
+ "keywords_must": [
+ "webpack"
+ ],
+ "keywords_forbid": []
+ }
+ },
{
"webpack的基本使用": {
"node_id": "vue-35b90aa83701425696c832b4da590cc6",
- "keywords": [],
+ "keywords": [
+ "webpack的基本使用"
+ ],
"children": [],
- "keywords_must": [],
+ "keywords_must": [
+ "webpack"
+ ],
"keywords_forbid": []
}
},
{
"webpack的相关配置": {
"node_id": "vue-35b90aa83701425696c832b4da590cc6",
- "keywords": [],
+ "keywords": [
+ "webpack的相关配置",
+ "webpack配置"
+ ],
"children": [],
- "keywords_must": [],
+ "keywords_must": [
+ "webpack"
+ ],
"keywords_forbid": []
}
}