fixed

Author: heyushuo

build/webpack.base.conf.js

@@ -5,38 +5,22 @@ var config = require('../config')
 var vueLoaderConfig = require('./vue-loader.conf')
 var MpvuePlugin = require('webpack-mpvue-asset-plugin')
 var glob = require('glob')
-var CopyWebpackPlugin = require('copy-webpack-plugin')
-var configFilesArray = []
-var relative = require('relative')
 
-function resolve(dir) {
+function resolve (dir) {
   return path.join(__dirname, '..', dir)
 }
 
-function getEntry(rootSrc) {
-  var map = {};
-  glob.sync(rootSrc + '/pages/**/main.js')
-    .forEach(file => {
-      var key = relative(rootSrc, file).replace('.js', '');
-      map[key] = file;
-    })
-  glob.sync(rootSrc + '/pages/**/main.json')
-    .forEach(file => {
-      configFilesArray.push({
-        from: file,
-        to: relative(rootSrc, file)
-      })
-    })
-  return map;
+function getEntry (rootSrc, pattern) {
+  var files = glob.sync(path.resolve(rootSrc, pattern))
+  return files.reduce((res, file) => {
+    var info = path.parse(file)
+    var key = info.dir.slice(rootSrc.length + 1) + '/' + info.name
+    res[key] = path.resolve(file)
+    return res
+  }, {})
 }
 
-const appEntry = {
-  app: resolve('./src/main.js')
-}
-configFilesArray.push({
-  from: resolve('./src/main.json'),
-  to: 'app.json'
-})
+const appEntry = { app: resolve('./src/main.js') }
 const pagesEntry = getEntry(resolve('./src'), 'pages/**/main.js')
 const entry = Object.assign({}, appEntry, pagesEntry)
 
@@ -49,8 +33,9 @@ module.exports = {
   output: {
     path: config.build.assetsRoot,
     filename: '[name].js',
-    publicPath: process.env.NODE_ENV === 'production' ?
-      config.build.assetsPublicPath : config.dev.assetsPublicPath
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
   },
   resolve: {
     extensions: ['.js', '.vue', '.json'],
@@ -63,7 +48,8 @@ module.exports = {
     mainFields: ['browser', 'module', 'main']
   },
   module: {
-    rules: [{
+    rules: [
+      {
         test: /\.vue$/,
         loader: 'mpvue-loader',
         options: vueLoaderConfig
@@ -94,7 +80,7 @@ module.exports = {
         loader: 'url-loader',
         options: {
           limit: 10000,
-          name: utils.assetsPath('media/[name].[ext]')
+          name: utils.assetsPath('media/[name]].[ext]')
         }
       },
       {
@@ -108,12 +94,6 @@ module.exports = {
     ]
   },
   plugins: [
-    new MpvuePlugin(),
-    new CopyWebpackPlugin(configFilesArray),
-    new CopyWebpackPlugin([{
-      from: path.resolve(__dirname, '../static'),
-      to: path.resolve(__dirname, '../dist/static'),
-      ignore: ['.*']
-    }])
+    new MpvuePlugin()
   ]
 }

build/webpack.dev.conf.js

@@ -29,10 +29,10 @@ module.exports = merge(baseWebpackConfig, {
   devtool: '#source-map',
   output: {
     path: config.build.assetsRoot,
-    // filename: utils.assetsPath('[name].[chunkhash].js'),
-    // chunkFilename: utils.assetsPath('[id].[chunkhash].js')
-    filename: utils.assetsPath('[name].js'),
-    chunkFilename: utils.assetsPath('[id].js')
+    // filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    // chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+    filename: utils.assetsPath('js/[name].js'),
+    chunkFilename: utils.assetsPath('js/[id].js')
   },
   plugins: [
     new webpack.DefinePlugin({
@@ -42,8 +42,8 @@ module.exports = merge(baseWebpackConfig, {
     // copy from ./webpack.prod.conf.js
     // extract css into its own file
     new ExtractTextPlugin({
-      // filename: utils.assetsPath('[name].[contenthash].css')
-      filename: utils.assetsPath('[name].wxss')
+      // filename: utils.assetsPath('css/[name].[contenthash].css')
+      filename: utils.assetsPath('css/[name].wxss')
     }),
     // Compress extracted CSS. We are using this plugin so that possible
     // duplicated CSS from different components can be deduped.
@@ -53,7 +53,7 @@ module.exports = merge(baseWebpackConfig, {
       }
     }),
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'common/vendor',
+      name: 'vendor',
       minChunks: function (module, count) {
         // any required modules inside node_modules are extracted to vendor
         return (
@@ -64,9 +64,17 @@ module.exports = merge(baseWebpackConfig, {
       }
     }),
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'common/manifest',
-      chunks: ['common/vendor']
+      name: 'manifest',
+      chunks: ['vendor']
     }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ]),
 
     // https://github.com/glenjamin/webpack-hot-middleware#installation--usage
     // new webpack.HotModuleReplacementPlugin(),

build/webpack.prod.conf.js

@@ -22,10 +22,10 @@ var webpackConfig = merge(baseWebpackConfig, {
   devtool: config.build.productionSourceMap ? '#source-map' : false,
   output: {
     path: config.build.assetsRoot,
-    // filename: utils.assetsPath('[name].[chunkhash].js'),
-    // chunkFilename: utils.assetsPath('[id].[chunkhash].js')
-    filename: utils.assetsPath('[name].js'),
-    chunkFilename: utils.assetsPath('[id].js')
+    // filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    // chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+    filename: utils.assetsPath('js/[name].js'),
+    chunkFilename: utils.assetsPath('js/[id].js')
   },
   plugins: [
     // http://vuejs.github.io/vue-loader/en/workflow/production.html
@@ -37,8 +37,8 @@ var webpackConfig = merge(baseWebpackConfig, {
     }),
     // extract css into its own file
     new ExtractTextPlugin({
-      // filename: utils.assetsPath('[name].[contenthash].css')
-      filename: utils.assetsPath('[name].wxss')
+      // filename: utils.assetsPath('css/[name].[contenthash].css')
+      filename: utils.assetsPath('css/[name].wxss')
     }),
     // Compress extracted CSS. We are using this plugin so that possible
     // duplicated CSS from different components can be deduped.
@@ -68,7 +68,7 @@ var webpackConfig = merge(baseWebpackConfig, {
     new webpack.HashedModuleIdsPlugin(),
     // split vendor js into its own file
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'common/vendor',
+      name: 'vendor',
       minChunks: function (module, count) {
         // any required modules inside node_modules are extracted to vendor
         return (
@@ -81,9 +81,17 @@ var webpackConfig = merge(baseWebpackConfig, {
     // extract webpack runtime and module manifest to its own file in order to
     // prevent vendor hash from being updated whenever app bundle is updated
     new webpack.optimize.CommonsChunkPlugin({
-      name: 'common/manifest',
-      chunks: ['common/vendor']
-    })
+      name: 'manifest',
+      chunks: ['vendor']
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
   ]
 })
 

config/index.js

@@ -6,7 +6,7 @@ module.exports = {
     env: require('./prod.env'),
     index: path.resolve(__dirname, '../dist/index.html'),
     assetsRoot: path.resolve(__dirname, '../dist'),
-    assetsSubDirectory: '',
+    assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     productionSourceMap: false,
     // Gzip off by default as many popular static hosts such as
@@ -26,7 +26,7 @@ module.exports = {
     port: 8080,
     // 在小程序开发者工具中不需要自动打开浏览器
     autoOpenBrowser: false,
-    assetsSubDirectory: '',
+    assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {},
     // CSS Sourcemaps off by default because relative paths are "buggy"

package.json

@@ -34,7 +34,7 @@
     "glob": "^7.1.2",
     "html-webpack-plugin": "^3.2.0",
     "http-proxy-middleware": "^0.18.0",
-    "mpvue-loader": "^1.1.1-rc.2",
+    "mpvue-loader": "1.0.13",
     "mpvue-template-compiler": "^1.0.11",
     "mpvue-webpack-target": "^1.0.0",
     "node-sass": "^4.9.2",
@@ -57,7 +57,7 @@
     "webpack-bundle-analyzer": "^2.2.1",
     "webpack-dev-middleware-hard-disk": "^1.12.0",
     "webpack-merge": "^4.1.0",
-    "webpack-mpvue-asset-plugin": "^0.1.0"
+    "webpack-mpvue-asset-plugin": "0.0.2"
   },
   "engines": {
     "node": ">= 4.0.0",

src/main.js

@@ -12,20 +12,20 @@ export default {
   // 这个字段走 app.json
   config: {
     // 页面前带有 ^ 符号的，会被编译成首页，其他页面可以选填，我们会自动把 webpack entry 里面的入口页面加进去
-    pages: ['pages/logs/main', '^pages/index/main', 'pages/goods/main'],
-    window: {
-      backgroundTextStyle: 'light',
-      navigationBarBackgroundColor: '#fff',
-      navigationBarTitleText: '网易严选',
-      navigationBarTextStyle: 'black'
+    "pages": ["^pages/category/main", "pages/categorylist/main", "pages/topic/main", "pages/goods/main", "pages/index/main", "pages/logs/main"],
+    "window": {
+      "backgroundTextStyle": "light",
+      "navigationBarBackgroundColor": "#fff",
+      "navigationBarTitleText": "网易严选",
+      "navigationBarTextStyle": "black"
     },
-    tabBar: {
+    "tabBar": {
       "backgroundColor": "#fafafa",
       "borderStyle": "white",
       "selectedColor": "#b4282d",
       "color": "#666",
       "list": [{
-          "pagePath": "pages/index/main",
+          "pagePath": "pages/goods/main",
           "iconPath": "static/images/ic_menu_choice_nor.png",
           "selectedIconPath": "static/images/ic_menu_choice_pressed.png",
           "text": "首页"
@@ -37,19 +37,19 @@ export default {
           "text": "专题"
         },
         {
-          "pagePath": "pages/index/main",
+          "pagePath": "pages/category/main",
           "iconPath": "static/images/ic_menu_sort_nor.png",
           "selectedIconPath": "static/images/ic_menu_sort_pressed.png",
           "text": "分类"
         },
         {
-          "pagePath": "pages/index/main",
+          "pagePath": "pages/topic/main",
           "iconPath": "static/images/ic_menu_shoping_nor.png",
           "selectedIconPath": "static/images/ic_menu_shoping_pressed.png",
           "text": "购物车"
         },
         {
-          "pagePath": "pages/index/main",
+          "pagePath": "pages/topic/main",
           "iconPath": "static/images/ic_menu_me_nor.png",
           "selectedIconPath": "static/images/ic_menu_me_pressed.png",
           "text": "我的"

src/main.json

@@ -1,5 +1,5 @@
 {
-  "pages": ["pages/category/main", "pages/topic/main", "pages/goods/main", "pages/index/main", "pages/logs/main"],
+  "pages": ["pages/category/main", "pages/categorylist/main", "pages/topic/main", "pages/goods/main", "pages/index/main", "pages/logs/main"],
   "window": {
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#fff",
@@ -36,7 +36,7 @@
         "text": "购物车"
       },
       {
-        "pagePath": "pages/index/main",
+        "pagePath": "pages/topic/main",
         "iconPath": "static/images/ic_menu_me_nor.png",
         "selectedIconPath": "static/images/ic_menu_me_pressed.png",
         "text": "我的"

src/pages/branddetail/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()
+export default {
+  config: {},
+}

src/pages/brandlist/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()
+export default {
+  config: {},
+}

src/pages/cart/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div>
+    111
+    <!-- <template> -->
+    <div>
+      <wxParse :content="artical" />
+    </div>
+    <!-- </template> -->
+  </div>
+</template>
+
+<script>
+import wxParse from "mpvue-wxparse";
+export default {
+  created() {},
+  data() {
+    return {
+      artical: "<div>何玉硕</div>"
+    };
+  },
+  components: {
+    wxParse
+  },
+  methods: {},
+  computed: {}
+};
+</script>
+<style lang='scss' scoped>
+@import url("~mpvue-wxparse/src/wxParse.css");
+@import "./style";
+</style>

src/pages/cart/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()
+export default {
+  config: {},
+}