var path = require('path')
var htmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
? entry: path.join(__dirname, './src/main.js'), // 入口文件
? output: { // 指定輸出選項(xiàng)
? ? path: path.join(__dirname, './dist'), // 輸出路徑
? ? filename: 'bundle.js' // 指定輸出文件的名稱
? },
? plugins: [ // 所有webpack? 插件的配置節(jié)點(diǎn)
? ? new htmlWebpackPlugin({
? ? ? template: path.join(__dirname, './src/index.html'), // 指定模板文件路徑
? ? ? filename: 'index.html' // 設(shè)置生成的內(nèi)存頁(yè)面的名稱
? ? })
? ],
? module: { // 配置所有第三方loader 模塊的
? ? rules: [ // 第三方模塊的匹配規(guī)則
? ? ? { test: /\.css$/, use: ['style-loader', 'css-loader'] }, // 處理 CSS 文件的 loader
? ? ? { test: /\.less$/, use: ['style-loader', 'css-loader', 'less-loader'] }, // 處理 less 文件的 loader
? ? ? { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] }, // 處理 scss 文件的 loader
? ? ? { test: /\.(jpg|png|gif|bmp|jpeg)$/, use: 'url-loader?limit=7631&name=[hash:8]-[name].[ext]' }, // 處理 圖片路徑的 loader
? ? ? { test: /\.(ttf|eot|svg|woff|woff2)$/, use: 'url-loader' }, // 處理 字體文件的 loader
? ? ? { test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }, // 配置 Babel 來(lái)轉(zhuǎn)換高級(jí)的ES語(yǔ)法
? ? ? { test: /\.vue$/, use: 'vue-loader' } // 處理 .vue 文件的 loader
? ? ]
? },
? resolve: {
? ? alias: { // 修改 Vue 被導(dǎo)入時(shí)候的包的路徑
? ? ? // "vue$": "vue/dist/vue.js"
? ? }
? }
}
