yangfan-coder
diff --git a/‎webpack-11/webpack.prod.js
Lines changed: 5 additions & 0 deletions b/‎webpack-11/webpack.prod.js
Lines changed: 5 additions & 0 deletions
diff --git a/‎webpack-12/webpack.prod.js
Lines changed: 13 additions & 8 deletions b/‎webpack-12/webpack.prod.js
Lines changed: 13 additions & 8 deletions
diff --git a/‎webpack-21/.babelrc
Lines changed: 4 additions & 0 deletions b/‎webpack-21/.babelrc
Lines changed: 4 additions & 0 deletions
diff --git a/‎webpack-21/.gitignore
Lines changed: 18 additions & 0 deletions b/‎webpack-21/.gitignore
Lines changed: 18 additions & 0 deletions
diff --git a/‎webpack-21/README.md
Lines changed: 31 additions & 0 deletions b/‎webpack-21/README.md
Lines changed: 31 additions & 0 deletions
@@ -19,17 +19,21 @@ module.exports = {
       {
         test: /.js$/,
         use: 'babel-loader',
+        exclude: /node_modules/,
       },
       {
         test: /.css$/, // 配置css的后缀名
+        exclude: /node_modules/,
         use: [MiniCssExtractplugin.loader, 'css-loader'], //tips:执行的顺序是右到左的
       },
       {
         test: /.less$/, // 配置less的后缀名
+        exclude: /node_modules/,
         use: [MiniCssExtractplugin.loader, 'css-loader', 'less-loader'], //tips:执行的顺序是右到左的
       },
       {
         test: /.(png|jpg|gif|jpeg)$/,
+        exclude: /node_modules/,
         use: [
           {
             loader: 'file-loader',
@@ -41,6 +45,7 @@ module.exports = {
       },
       {
         test: /.(woff|woff2|eot|ttf|otf)$/,
+        exclude: /node_modules/,
         use: [
           {
             loader: 'file-loader',
 
@@ -59,21 +59,26 @@ module.exports = {
       filename: '[name]_[contenthash:8].css',
     }),
     new OptimizeCssAssetsWebpackPlugin({
-      assetNameRegExp: /.css$/g,
-      cssProcessor: require('cssnano'),
+      assetNameRegExp: /.css$/g, // 匹配的正则的名称后缀、跟loader配置一致
+      cssProcessor: require('cssnano'), // 用于最小化的css处理器，默认是cssnano
     }),
     new HtmlWebpackPlugin({
       template: path.join(__dirname, 'src/search.html'),
       filename: 'search.html',
       chunks: ['search'],
+      /**
+       * inject : true || 'head' || 'body' || false
+       * body : 所有javascript资源将被放置在body元素的底部。
+       * head : 把脚本放置在head元素中.
+       * true : script标签位于html文件的 body 底部 [默认]
+       * false: 不插入生成的 js 文件，只是单纯的生成一个 html 文件
+       *  */
       inject: true,
       minify: {
-        html5: true,
-        collapseWhitespace: true,
-        preserveLineBreaks: false,
-        minifyCSS: true,
-        minifyJS: true,
-        removeComments: false,
+        collapseWhitespace: true, // 清理html中的空格、换行符。 默认值：false
+        minifyCSS: true, // 压缩html内的样式。默认值：false
+        minifyJS: true, // 压缩html内的js。 默认值：false
+        removeComments: false, // 清理html中的注释。 默认值：false
       },
     }),
     new HtmlWebpackPlugin({
 
@@ -0,0 +1,4 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"],
+  "plugins": ["@babel/plugin-syntax-dynamic-import"]
+}
@@ -0,0 +1,18 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/idea
+/dist
+/es
+/lib
+
+# misc
+.idea
+.vscode
+.DS_Store
+
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
@@ -0,0 +1,31 @@
+# webpack-20
+
+## 服务器渲染 SSR
+
+推荐使用 github 上的一些开源好的规则仓库，比如：[standard](https://github.com/standard/standard)
+
+<br />
+
+## 配置
+
+/src/search/index.js
+
+```shell
+npm install standard --save-dev
+
+```
+
+<br />
+
+package.json
+
+```shell
+ "scripts": {
+   ...
+    "eslint": "standard && node src/*/*.js",
+    "flx": "standard --fix",
+  },
+
+```
+
+<br />
Original file line number	Diff line number	Diff line change
`@@ -19,17 +19,21 @@ module.exports = {`
`19`	`19`	`{`
`20`	`20`	`test: /.js$/,`
`21`	`21`	`use: 'babel-loader',`
	`22`	`+ exclude: /node_modules/,`
`22`	`23`	`},`
`23`	`24`	`{`
`24`	`25`	`test: /.css$/, // 配置css的后缀名`
	`26`	`+ exclude: /node_modules/,`
`25`	`27`	`use: [MiniCssExtractplugin.loader, 'css-loader'], //tips:执行的顺序是右到左的`
`26`	`28`	`},`
`27`	`29`	`{`
`28`	`30`	`test: /.less$/, // 配置less的后缀名`
	`31`	`+ exclude: /node_modules/,`
`29`	`32`	`use: [MiniCssExtractplugin.loader, 'css-loader', 'less-loader'], //tips:执行的顺序是右到左的`
`30`	`33`	`},`
`31`	`34`	`{`
`32`	`35`	`test: /.(png\|jpg\|gif\|jpeg)$/,`
	`36`	`+ exclude: /node_modules/,`
`33`	`37`	`use: [`
`34`	`38`	`{`
`35`	`39`	`loader: 'file-loader',`
`@@ -41,6 +45,7 @@ module.exports = {`
`41`	`45`	`},`
`42`	`46`	`{`
`43`	`47`	`test: /.(woff\|woff2\|eot\|ttf\|otf)$/,`
	`48`	`+ exclude: /node_modules/,`
`44`	`49`	`use: [`
`45`	`50`	`{`
`46`	`51`	`loader: 'file-loader',`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +  "presets": ["@babel/preset-env", "@babel/preset-react"],
 +  "plugins": ["@babel/plugin-syntax-dynamic-import"]
 +}