webpack.config.js全部有关配置

最新推荐文章于 2024-07-28 00:56:04 发布

安暖相陪

最新推荐文章于 2024-07-28 00:56:04 发布

阅读量5.6k

点赞数

本文链接：https://blog.csdn.net/qq_37608036/article/details/74905476

版权

该博客详细介绍了Webpack配置文件`webpack.config.js`的主要设置，包括入口(entry)、输出(output)、模块(module)加载器、插件(plugins)、解决路径(resolve)以及开发服务器(devServer)的配置。特别提到了处理CSS、LESS、图片资源、JavaScript以及Vue文件的加载器，还讲解了如何使用htmlWebpackPlugin生成HTML模板，并通过devServer进行代理设置。

摘要由CSDN通过智能技术生成

'use strict';
const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
//指定入口
entry: {
main: './main.js'
},
output: {
path: path.join(__dirname, 'dist'),
filename: 'build.js'
},
module: {
loaders: [{
test: /\.css$/,
loader: 'style-loader!css-loader!autoprefixer-loader'
}, {
test: /\.less$/,
loader: 'style-loader!css-loader!autoprefixer-loader!less-loader'
}, {
test: /\.(jpg|ttf|svg|png)$/,
loader: 'url-loader?limit=4096'
}, {
test: /\.js$/,
loader