修改webpack配置

themes/yilia/package.json

@@ -3,7 +3,7 @@
   "version": "5.1.0",
   "description": "Hexo响应式主题",
   "scripts": {
-    "dev": "webpack --watch --progress --mode development",
+    "dev": "webpack --progress --mode development",
     "build": "webpack -p --mode production"
   },
   "repository": {

themes/yilia/source-src/template/css.html

@@ -4,5 +4,5 @@
 
 <% for (let index in htmlWebpackPlugin.files.css) { %>
 <% let cssFile = htmlWebpackPlugin.files.css[index] %>
-<%= `${left} css('${cssFile.substr(cssFile.indexOf("css"),cssFile.length)}') ${right}${right2}` %>
+<%= `${left} css('${cssFile}') ${right}${right2}` %>
 <%  } %>

themes/yilia/source-src/template/script.html

@@ -2,6 +2,7 @@
 <% var right = '%' %>
 <% var right2 = '>' %>
 
-<% for (let chunk in htmlWebpackPlugin.files.chunks) { %>
+<% for (let index in htmlWebpackPlugin.files.js) { %>
-<%= `${left} js('js/${chunk}.${htmlWebpackPlugin.files.chunks[chunk].hash.substr(0,8)}.js') ${right}${right2}` %>
+<% let jsFile = htmlWebpackPlugin.files.js[index] %>
+<%= `${left} js('${jsFile}') ${right}${right2}` %>
 <% } %>

themes/yilia/webpack.config.js

@@ -10,18 +10,21 @@ const minifyHTML = {
   minifyJS:true
 }
 
-module.exports = {
+module.exports = function(env, argv) {
+  // 是否是生产环境
+  let isProd = argv.mode === 'production'
+  return {
     entry: {
-    main: "./source-src/js/main.js",
+      main: './source-src/js/main.js',
-    slider: "./source-src/js/slider.js",
+      slider: './source-src/js/slider.js',
-    mobile: ["babel-polyfill", "./source-src/js/mobile.js"],
+      mobile: ['babel-polyfill', './source-src/js/mobile.js'],
-    viewer: "./source-src/js/viewer.js",
+      viewer: './source-src/js/viewer.js',
-    waifu: "./source-src/js/waifu.js"
+      waifu: './source-src/js/waifu.js'
     },
     output: {
       publicPath: '/',
-    path: __dirname+"/source",
+      path: __dirname+'/source',
-    filename: "js/[name].[chunkhash:8].js"
+      filename: isProd ? 'js/[name].[chunkhash].js' : 'js/[name].js'
     },
     module: {
       rules: [
@@ -36,36 +39,35 @@ module.exports = {
           test: /\.(scss|sass)$/,
           use: [
             MiniCssExtractPlugin.loader,
-          "css-loader",
+            'css-loader',
-          "postcss-loader",
+            'postcss-loader',
-          "sass-loader"
+            'sass-loader'
           ]
         },{
           test: /\.css$/,
           use: [
             MiniCssExtractPlugin.loader,
-          "css-loader",
+            'css-loader',
-          "postcss-loader"
+            'postcss-loader'
           ]
         },{
           test: /\.(png|jpe?g|gif|ico)$/,
           use: {
-          loader: "url-loader",
+            loader: 'url-loader',
             options: {
               limit: 1000,
-            publicPath: "../",
+              publicPath: '../',
-            name: "images/[name].[ext]"
+              name: 'images/[name].[ext]'
             }
           }
-        
         },{
           test: /\.(svg|eot|ttf|woff2?|otf)$/,
           use: {
-          loader: "url-loader",
+            loader: 'url-loader',
             options: {
               limit: 1000,
-            publicPath: "../",
+              publicPath: '../',
-            name: "fonts/[name].[hash:6].[ext]"
+              name: 'fonts/[name].[hash:6].[ext]'
             }
           }
         }
@@ -73,8 +75,8 @@ module.exports = {
     },
     plugins: [
       new MiniCssExtractPlugin({
-      filename: "css/[name].[contenthash:8].css",
+        filename: isProd ? 'css/[name].[contenthash].css' : 'css/[name].css',
-      chunkFilename: "[id].css"
+        chunkFilename: '[id].css'
       }),
       new OptimizeCssAssetsPlugin({
         assetNameRegExp: /viewer\..*?\.css$/g,
@@ -102,5 +104,6 @@ module.exports = {
         dry: false,
       })
     ],
-  // watch: true
+    watch: !isProd
+  }
 }