{"id":1048,"date":"2022-08-14T11:13:00","date_gmt":"2022-08-14T03:13:00","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=1048"},"modified":"2022-07-27T17:39:09","modified_gmt":"2022-07-27T09:39:09","slug":"webpack%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0-%e5%bc%80%e5%8f%91%e9%85%8d%e7%bd%ae4","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=1048","title":{"rendered":"webpack\u5b66\u4e60\u7b14\u8bb0-\u5f00\u53d1\u914d\u7f6e(4)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" src=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/07\/image-1.jpg\" alt=\"\" class=\"wp-image-1049\" width=\"163\" height=\"242\" srcset=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/07\/image-1.jpg 528w, http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2022\/07\/image-1-202x300.jpg 202w\" sizes=\"(max-width: 163px) 100vw, 163px\" \/><figcaption>\u6587\u4ef6\u8def\u5f84<\/figcaption><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\r\n  \u5f00\u53d1\u73af\u5883\u914d\u7f6e\uff1a\u80fd\u8ba9\u4ee3\u7801\u8fd0\u884c\r\n    \u8fd0\u884c\u9879\u76ee\u6307\u4ee4\uff1a\r\n      webpack \u4f1a\u5c06\u6253\u5305\u7ed3\u679c\u8f93\u51fa\u51fa\u53bb\r\n      npx webpack-dev-server \u53ea\u4f1a\u5728\u5185\u5b58\u4e2d\u7f16\u8bd1\u6253\u5305\uff0c\u6ca1\u6709\u8f93\u51fa\r\n*\/\r\n\r\nconst { resolve } = require('path');\r\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\r\n\r\nmodule.exports = {\r\n  entry: '.\/src\/js\/index.js',\r\n  output: {\r\n    filename: 'js\/built.js',\r\n    path: resolve(__dirname, 'build')\r\n  },\r\n  module: {\r\n    rules: &#91;\r\n      \/\/ loader\u7684\u914d\u7f6e\r\n      {\r\n        \/\/ \u5904\u7406less\u8d44\u6e90\r\n        test: \/\\.less$\/,\r\n        use: &#91;'style-loader', 'css-loader', 'less-loader']\r\n      },\r\n      {\r\n        \/\/ \u5904\u7406css\u8d44\u6e90\r\n        test: \/\\.css$\/,\r\n        use: &#91;'style-loader', 'css-loader']\r\n      },\r\n      {\r\n        \/\/ \u5904\u7406\u56fe\u7247\u8d44\u6e90\r\n        test: \/\\.(jpg|png|gif)$\/,\r\n        loader: 'url-loader',\r\n        options: {\r\n          limit: 8 * 1024,\r\n          name: '&#91;hash:10].&#91;ext]',\r\n          \/\/ \u5173\u95edes6\u6a21\u5757\u5316\r\n          esModule: false,\r\n          outputPath: 'imgs'\r\n        }\r\n      },\r\n      {\r\n        \/\/ \u5904\u7406html\u4e2dimg\u8d44\u6e90\r\n        test: \/\\.html$\/,\r\n        loader: 'html-loader'\r\n      },\r\n      {\r\n        \/\/ \u5904\u7406\u5176\u4ed6\u8d44\u6e90\r\n        exclude: \/\\.(html|js|css|less|jpg|png|gif)\/,\r\n        loader: 'file-loader',\r\n        options: {\r\n          name: '&#91;hash:10].&#91;ext]',\r\n          outputPath: 'media'\r\n        }\r\n      }\r\n    ]\r\n  },\r\n  plugins: &#91;\r\n    \/\/ plugins\u7684\u914d\u7f6e\r\n    new HtmlWebpackPlugin({\r\n      template: '.\/src\/index.html'\r\n    })\r\n  ],\r\n  mode: 'development',\r\n  devServer: {\r\n    contentBase: resolve(__dirname, 'build'),\r\n    compress: true,\r\n    port: 3000,\r\n    open: true\r\n  }\r\n};\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[44,1],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/1048"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1048"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/1048\/revisions"}],"predecessor-version":[{"id":1050,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/1048\/revisions\/1050"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1048"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}