webpack.config.js

標籤：hot   語句   string   efi   query   map   source   UI   自動刪除   

var path = require(‘path‘);var webpack = require(‘webpack‘);var ExtractTextPlugin = require(‘extract-text-webpack-plugin‘);//定義了一些檔案夾的路徑var ROOT_PATH = path.resolve(__dirname,‘src‘);// var APP_PATH = path.resolve(ROOT_PATH, ‘app‘);// var BUILD_PATH = path.resolve(ROOT_PATH, ‘build‘);module.exports = {  entry: ROOT_PATH,  output:{    path: path.resolve(__dirname, ‘assets‘),    filename: ‘bundle.js‘,    publicPath: ‘/assets/‘  },  resolve: {    extensions: [‘.js‘, ‘.jsx‘ ],  },  devServer: {    historyApiFallback: true,    host: ‘localhost‘,    port: ‘9001‘,    // hot: true,    // inline: true,    proxy: {      ‘/nmedia‘: {        target: ‘http://localhost:8080‘,        changeOrigin: true,      }    }  },  devtool: ‘source-map‘,  plugins: [    new webpack.DefinePlugin({//指定生產環境，以便在壓縮時可以讓uglifyjs自動刪除代碼塊的警告語句     ‘process.env.NODE_ENV‘:JSON.stringify(‘production‘)    }),    new webpack.HotModuleReplacementPlugin(),    new ExtractTextPlugin(‘css/styles.css‘),    // new webpack.optimize.UglifyJsPlugin({    //   comments: false, //去掉注釋    //   compress: {    //     warnings: false //忽略警告，不然會有一大推的黃色字型出現    //   }    // })  ],  module: {    rules: [      {        test: /\.js$/,        use: [{          loader: "babel-loader",          options: { presets: ["es2015", "stage-0"] }        }],        include: [path.resolve(__dirname, ‘src‘)]      },      {        test: /\.html$/,        use: ‘raw-loader‘      },      {        test: /\.css$/,        use: ExtractTextPlugin.extract({          fallback: "style-loader",          use: "css-loader"        })      },      { test: /\.less$/, use: ExtractTextPlugin.extract({          fallback: ‘style-loader‘,          use: [            // activate source maps via loader query            {              loader: ‘css-loader‘,              options: { sourceMap: true, importLoaders: 1 }            },            {              loader: ‘less-loader‘,              options: { sourceMap: true }            }          ]        }      )},    ],  }}

 

webpack.config.js