chenhaodong / mew-iview

  /**
   * 公共配置
   */

  const path = require('path');
  const webpack = require('webpack');

  const pkg = require('../package.json');

  function resolve (dir) {

      return path.join(__dirname, '..', dir);

  }

  
  module.exports = {
      // 加载器
      module: {
          // https://doc.webpack-china.org/guides/migrating/#module-loaders-module-rules
          rules: [
              {
                  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
                  test: /\.vue$/,
                  loader: 'vue-loader',
                  options: {
                      loaders: {

                          css: [
                              'vue-style-loader',
                              {
                                  loader: 'css-loader',
                                  options: {
                                      sourceMap: true,
                                  },
                              },
                          ],
                          less: [
                              'vue-style-loader',
                              {
                                  loader: 'css-loader',
                                  options: {
                                      sourceMap: true,
                                  },
                              },
                              {
                                  loader: 'less-loader',
                                  options: {
                                      sourceMap: true,
                                  },
                              },
                          ],

                      },
                      postLoaders: {

                          html: 'babel-loader?sourceMap'
                      },
                      sourceMap: true,

                  }
              },
              {
                  test: /\.js$/,

                  loader: 'babel-loader',
                  options: {
                      sourceMap: true,
                  },
                  exclude: /node_modules/,

              },
              {
                  test: /\.css$/,

                  loaders: [
                      {
                          loader: 'style-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: 'css-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: '\'autoprefixer-loader\'',
                      },

                  ]
              },
              {
                  test: /\.less$/,

                  loaders: [
                      {
                          loader: 'style-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: 'css-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: 'less-loader',
                          options: {
                              sourceMap: true,
                          },
                      },

                  ]
              },
              {
                  test: /\.scss$/,

                  loaders: [
                      {
                          loader: 'style-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: 'css-loader',
                          options: {
                              sourceMap: true,
                          },
                      },
                      {
                          loader: 'sass-loader',
                          options: {
                              sourceMap: true,
                          },
                      },

                  ]
              },

              {
                  test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
                  loader: 'url-loader?limit=8192'
              },
              {
                  test: /\.(html|tpl)$/,
                  loader: 'html-loader'
              }

          ]
      },
      resolve: {

          extensions: ['.js', '.vue'],
          alias: {

              'vue': 'vue/dist/vue.esm.js',

              '@': resolve('src')

          }

      },
      plugins: [

          new webpack.optimize.ModuleConcatenationPlugin(),
          new webpack.DefinePlugin({

              'process.env.VERSION': `'${pkg.version}'`

          }),

      ]

  };