feat: fix chunk name

Author: ascoders

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pri",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "types": "src/index.ts",
   "main": "built/index.js",
   "scripts": {

src/utils/create-entry.ts

@@ -177,7 +177,7 @@ export async function createEntry(info: IProjectInfo, projectRootPath: string, e
     const filePath = path.parse(route.filePath)
     const relativePageFilePath = path.relative(projectRootPath, filePath.dir + "/" + filePath.name)
     const componentName = safeName(relativePageFilePath) + md5(relativePageFilePath).slice(0, 5)
-    const chunkName = relativePageFilePath.split("/").slice(2).join("-")
+    const chunkName = _.camelCase(route.path) || "index"
 
     const pathInfo = path.parse(route.filePath)
 
@@ -199,7 +199,7 @@ export async function createEntry(info: IProjectInfo, projectRootPath: string, e
         } else {
           const importCode = info.stores.length === 0 ?
             `import(/* webpackChunkName: "${chunkName}" */ "${path.join(pathInfo.dir, pathInfo.name)}")` :
-            `import(/* webpackChunkName: "${chunkName}" */"${path.join(pathInfo.dir, pathInfo.name)}").then(res => Connect()(res.default))  `
+            `import(/* webpackChunkName: "${chunkName}" */ "${path.join(pathInfo.dir, pathInfo.name)}").then(res => Connect()(res.default))  `
 
           entryText.pageImporter += `
             const ${componentName} = Loadable({
@@ -278,7 +278,7 @@ export async function createEntry(info: IProjectInfo, projectRootPath: string, e
           const wrapperStr = `<${MARKDOWN_WRAPPER}>{code.default}</${MARKDOWN_WRAPPER}>`
           if (info.hasMarkdownFile) {
             importCode = `
-              import(/* webpackChunkName: "${chunkName}" */ "${markdownTsAbsolutePathWithoutExt}").then(code => {
+              import(/* webpackChunkName: "${chunkName}" */ " ${markdownTsAbsolutePathWithoutExt}").then(code => {
                 return () => (
                   <${MARKDOWN_LAYOUT_NAME}>
                     ${wrapperStr}
@@ -288,7 +288,7 @@ export async function createEntry(info: IProjectInfo, projectRootPath: string, e
             `
           } else {
             importCode = `
-              import(/* webpackChunkName: "${chunkName}" */ "${markdownTsAbsolutePathWithoutExt}").then(code => {
+              import(/* webpackChunkName: "${chunkName}" */ " ${markdownTsAbsolutePathWithoutExt}").then(code => {
                 return () => (${wrapperStr})
               })
             `

src/utils/webpack-config.ts

@@ -43,7 +43,7 @@ const config: webpack.Configuration = {
     path: distDir,
     filename: distFileName + ".js",
     publicPath,
-    chunkFilename: "[name].chunk.js",
+    chunkFilename: "[id].chunk.js",
   },
 
   module: {
@@ -83,11 +83,27 @@ const config: webpack.Configuration = {
       },
       {
         test: /\.scss$/,
-        use: ["style-loader", "css-loader", "sass-loader"],
+        use: env === "local" ?
+        ["style-loader", "css-loader", "sass-loader"] :
+        ExtractTextPlugin.extract({
+          fallback: "style-loader",
+          use: [{
+            loader: "css-loader",
+            options: { minimize: true }
+          }, "sass-loader"]
+        })
       },
       {
         test: /\.less$/,
-        use: ["style-loader", "css-loader", "less-loader"],
+        use: env === "local" ?
+        ["style-loader", "css-loader", "less-loader"] :
+        ExtractTextPlugin.extract({
+          fallback: "style-loader",
+          use: [{
+            loader: "css-loader",
+            options: { minimize: true }
+          }, "less-loader"]
+        })
       }
     ]
   },