automan-cmd 2.1.5

package/tpl/webpack.config.js.ejs

@@ -0,0 +1,267 @@
+const path = require('path')
+const webpack = require('webpack')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const merge = require('webpack-merge')
+const pkg = require('./package.json')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const ServerConfig = require('./server.config.js')
+
+function getIPAdress() {
+  const interfaces = require('os').networkInterfaces()
+  for (const devName in interfaces) {
+    const iface = interfaces[ devName ]
+    for (let i = 0; i < iface.length; i++) {
+      const alias = iface[ i ]
+      if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
+        return alias.address
+      }
+    }
+  }
+}
+
+// function normalizeName (name) {
+//   return name.replace(/[-_]+(\w)/g, (m, p) => p.toUpperCase())
+// }
+const COMPONENT_EDITOR = false
+
+const config = {
+  module: {
+    rules: [
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [path.resolve(__dirname, 'src'), path.resolve(__dirname, './preview')],
+        exclude: [path.resolve(__dirname, './preview/mint-ui/')],
+        options: {
+          formatter: require('eslint-friendly-formatter'),
+          emitWarning: false
+        }
+      },
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 2
+            }
+          },
+          'postcss-loader'
+        ]
+      },
+      {
+        test: /\.s[ac]ss$/i,
+        use: [
+          "vue-style-loader",
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 2
+            }
+          },
+          'postcss-loader',
+          "sass-loader"
+        ]
+      },
+      {
+        test: /\.less$/,
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          'less-loader'
+        ]
+      },
+      {
+        test: /\.styl(us)?$/,
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          'stylus-loader'
+        ]
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          transformToRequire: {
+            video: ['src', 'poster'],
+            source: 'src',
+            audio: 'src',
+            img: 'src',
+            image: 'xlink:href'
+          },
+          loaders: {
+          }
+        }
+      },
+      {
+        test: /\.m?js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 1,
+          name: '[name].[hash:7].[ext]'
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 1,
+          name: '[name].[hash:7].[ext]'
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 1,
+          name: '[name].[hash:7].[ext]'
+        }
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['*', '.js', '.vue', '.json']
+  },
+  externals: {
+    'godspen-lib': '$GP'
+  },
+  performance: {
+    hints: false
+  },
+  devtool: 'cheap-module-eval-source-map',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
+        LABEL: JSON.stringify(pkg.label),
+        STYLE: JSON.stringify(pkg.style),
+        COMPONENT_EDITOR: JSON.stringify(COMPONENT_EDITOR)
+      }
+    })
+  ],
+  stats: {
+    children: false
+  }
+}
+
+let preview = {}
+if (process.env.PREVIEW_ENV === 'editor') {
+  preview = {
+    entry: {
+      index: './src/index.vue'
+    },
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      publicPath: ServerConfig.publicPath,
+      library: `${ServerConfig.componentName}@${ServerConfig.componentVersion}[name]`,
+      libraryTarget: 'umd',
+      filename: '[name].js'
+    }
+  }
+} else {
+  preview = {
+    entry: './preview/index.js',
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      publicPath: '/',
+      filename: 'app.js'
+    }
+  }
+}
+
+if (process.env.NODE_ENV === 'development') {
+  module.exports = merge(config, preview, {
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm.js',
+        'mint-ui': path.resolve(__dirname, './preview/mint-ui/')
+      }
+    },
+    devServer: {
+      headers: { "Access-Control-Allow-Origin": "*" },
+      disableHostCheck: true,
+      clientLogLevel: 'warning',
+      historyApiFallback: true,
+      hot: true,
+      host: getIPAdress(),
+      open: false,
+      overlay: false,
+      publicPath: '/',
+      proxy: {
+        '/api': {
+          target: ServerConfig.url,
+          changeOrigin: true
+        }
+      }
+    },
+    plugins: [
+      new webpack.HotModuleReplacementPlugin(),
+      new webpack.NamedModulesPlugin(),
+      new webpack.NoEmitOnErrorsPlugin(),
+      new HtmlWebpackPlugin({
+        filename: 'index.html',
+        template: '!!ejs-loader!./preview/index.tpl',
+        inject: true
+      }),
+      new VueLoaderPlugin()
+    ]
+  })
+}
+
+if (process.env.NODE_ENV === 'production') {
+  const entry = {
+    index: './src/index.vue'
+  }
+
+  if (COMPONENT_EDITOR) {
+    entry.editor = './editor/index.vue'
+  }
+
+  //编译时插入路径
+  const argvs = JSON.parse(process.env.npm_config_argv).original;
+  const curPathInfo = {}
+
+  argvs.forEach((item) => {
+    if (item.indexOf('--AUTO_NAMESPACE') !== -1  || item.indexOf('--AUTO_NAME') !== -1 || item.indexOf('--AUTO_VERSION') !== -1 || item.indexOf('--AUTO_PUBLICPATH') !== -1) {
+      const curItem = item.split('=')
+      curPathInfo[curItem[0].split('--')[1]] =  curItem[1]
+    }
+  })
+
+  const AUTO_NAMESPACE = curPathInfo.AUTO_NAMESPACE
+  const AUTO_NAME = curPathInfo.AUTO_NAME
+  const AUTO_VERSION = curPathInfo.AUTO_VERSION
+  const AUTO_PUBLICPATH = curPathInfo.AUTO_PUBLICPATH
+
+  const COMPONENT_PATH = `${AUTO_NAMESPACE}/${AUTO_NAME}@${AUTO_VERSION}`
+  const OSS_BUCKET = `${AUTO_PUBLICPATH}`
+
+
+  module.exports = merge(config, {
+    entry,
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      publicPath: `${OSS_BUCKET}${AUTO_NAMESPACE}/${AUTO_NAME}/${AUTO_VERSION}/`,
+      library: `${COMPONENT_PATH}/[name]`,
+      libraryTarget: 'umd',
+      filename: '[name].js'
+    },
+    devtool: 'source-map',
+    plugins: [
+      new VueLoaderPlugin()
+    ],
+    externals: {
+      'vue': 'Vue'
+    }
+  })
+}