vue - webpack.base.conf.js

描述：webapck基本配置文件. 为了给开发文件和打包文件(webpack.dev.conf.js|| webpack.prod.conf.js) 提供方便.

 'use strict'
 // 路径
 const path = require('path')
 // build/utils.js
 const utils = require('./utils')
 // config/index.js
 const config = require('../config')
 // build/vue-loader.conf.js
 const vueLoaderConfig = require('./vue-loader.conf')

 function resolve(dir) {
   return path.join(__dirname, '..', dir)
 }

 module.exports = {
   context: path.resolve(__dirname, '../'),
   // 入口
   entry: {
     app: './src/main.js'
   },
   // 出口
   output: {
     path: config.build.assetsRoot,
     filename: '[name].js',
     publicPath: process.env.NODE_ENV === 'production'
       ? config.build.assetsPublicPath
       : config.dev.assetsPublicPath
   },
   // 详情可以看看这篇文章：http://www.php.cn/js-tutorial-385863.html
   resolve: {
     extensions: ['.js', '.vue', '.json'],
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
       '@': resolve('src'),
     }
   },
   // 模块
   module: {
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue-loader',
         options: vueLoaderConfig
       },
       {
         test: /\.js$/,
         loader: 'babel-loader',
         include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
       },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
         loader: 'url-loader',
         options: {
           limit: 10000,
           name: utils.assetsPath('img/[name].[hash:7].[ext]')
         }
       },
       {
         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
         loader: 'url-loader',
         options: {
           limit: 10000,
           name: utils.assetsPath('media/[name].[hash:7].[ext]')
         }
       },
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
         loader: 'url-loader',
         options: {
           limit: 10000,
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
         }
       }
     ]
   },
   node: {
     //阻止webpack注入无用的setImmediate polyfill，因为Vue
     // source包含它（尽管只有它是原生的才使用它）。
     setImmediate: false,
     //阻止webpack向模块本机模块注入模拟
     //对客户没有意义
     dgram: 'empty',
     fs: 'empty',
     net: 'empty',
     tls: 'empty',
     child_process: 'empty'
   }
 }