const?path?=?require('path'); let?HtmlWebpackPlugin?=?require('html-webpack-plugin'); let?VueLoaderPlugin?=?require('vue-loader/lib/plugin') module.exports?=?{ entry:?'./src/main.js', output:?{ path:?path.resolve(__dirname), filename:'bundle.js', }, resolve:?{ //?設(shè)置別名 alias:?{ '@':?resolve('src'),//?這樣配置后?@?可以指向?src?目錄 '@components':?path.resolve(__dirname,?'src/components') } }, module:{ rules:[ {test:/\.css/,use:['vue-style-loader','css-loader']}, { test:/\.js/, use:{ loader:'babel-loader', options:{ presets:['@babel/preset-env'] }, }, exclude:/node_modules/, }, {test:/\.vue/,use:'vue-loader'} ] }, plugins:[ new?VueLoaderPlugin(), new?HtmlWebpackPlugin({ template:'./src/index.html' }) ] }; webpack webpack-cli webpack-dev-server webpack 需要的 vue-style-loader css-loader 處理css樣式html-webpack-plugin 處理html@babel/core @babel/preset-env babel-loader 處理es6 語法vue-template-compiler vue-loader 處理vue 編譯的webpack-merge 合并webpack 配置

?

?

?

?

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11597011.html

總結(jié)

以上是生活随笔為你收集整理的常用的webpack 配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。