博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 项目中 自定义 webpack 的 配置文件(webpack.config.babel.js)
阅读量:7070 次
发布时间:2019-06-28

本文共 1116 字,大约阅读时间需要 3 分钟。

webpack.config.babel.js,这样命名是想让webpack在编译的时候自动识别es6的语法,现在貌似不需要这样命名了,之前用webpack1.x的时候貌似是需要的

let path = require('path');let webpack = require('webpack');/* html-webpack-plugin插件,webpack中生成HTML的插件, 具体可以去这里查看https://www.npmjs.com/package/html-webpack-plugin */let HtmlWebpackPlugin = require('html-webpack-plugin');/* webpack插件,提取公共模块 */let CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;let config = {  //入口文件配置  entry: {    index: path.resolve(__dirname, 'src/js/page/index.js'),    vendors: ['vue', 'vue-router','vue-resource','vuex','element-ui','element-ui/lib/theme-default/index.css'] // 需要进行单独打包的文件  },  //出口文件配置  output: {    path: path.join(__dirname, 'dist'), //输出目录的配置,模板、样式、脚本、图片等资源的路径配置都相对于它    publicPath: '/dist/',                //模板、样式、脚本、图片等资源对应的server上的路径    filename: 'js/[name].js',            //每个页面对应的主js的生成配置    chunkFilename: 'js/[name].asyncChunk.js?'+new Date().getTime() //chunk生成的配置  },  module: {    //加载器    rules: [      {        test: /\.vue$/,        loader: 'vue-loader',        options: {          loaders: {            scss: 'vue-style-loader!css-loader!sass-loader', // 

.

转载地址:http://uohll.baihongyu.com/

你可能感兴趣的文章
MySQL批量导出以某数字或字母开头的表
查看>>
java变长参数
查看>>
状态和面向对象编程——2.状态介绍
查看>>
html -- 实体
查看>>
mysql -- 重装mysql失败的解决办法
查看>>
十三. python面向对象 组合执行顺序
查看>>
poj 3041 Asteroids
查看>>
20170929php
查看>>
二叉树、多叉树子路径遍历
查看>>
微信小程序:设置页面计时自动跳转
查看>>
从零开始理解JAVA事件处理机制(2)
查看>>
Window下部署MySql数据库
查看>>
黄聪:微信URL Scheme,URL唤起微信
查看>>
iOS清除缓存功能开发
查看>>
Linux 系统命令(cd之类的)在shell脚本中无效解析
查看>>
系统日志报错i8042prt无法加载
查看>>
卫星网络-拓扑优化-文献笔记
查看>>
Web APi之异常处理(Exception)以及日志记录(NLog)(十六)
查看>>
各种字符串合并处理示例.
查看>>
ASCII与unicode的转换
查看>>