webpack配置文件

xiaoxiao2021-02-28  1

const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { //压缩级别 devtool : 'eval-source-map', //“__dirname”是node.js中的一个全局变量,它指向当前执行脚本所在的目录。 entry: __dirname + "/app/main.js", //打包输出路径 output: { path: __dirname + "/build",//打包后的文件存放的地方 filename: "bundle.js"//打包后输出文件的文件名 }, //webpack服务器 devServer:{ //工程路径 contentBase : "./public", historyApiFallback: true,//不跳转 inline :true //实时刷新 }, module: { rules: [ { test: /(\.jsx|\.js)$/, use: { loader: "babel-loader" }, exclude: /node_modules/ }, { test: /\.css$/, use: [ { loader: "style-loader" }, { loader: "css-loader", options: { modules: true } }, { loader: "postcss-loader" } ] } ] }, plugins: [ new webpack.BannerPlugin('版权所有,翻版必究'), new HtmlWebpackPlugin({ template: __dirname + "/app/index.tmpl.html" //new 一个这个插件的实例,并传入相关的参数 }), new webpack.HotModuleReplacementPlugin()//热加载插件 ], };
转载请注明原文地址: https://www.6miu.com/read-1900229.html

最新回复(0)