webpack.config.js全部有关配置
来源:互联网 发布:python arma 编辑:程序博客网 时间:2024/06/05 17:00
'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: 'babel-loader',
//排除路径
exclude: /node_modules/,
options: {
presets: ['es2015'],
plugins: ['transform-runtime']
}
},
//处理.vue文件
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
plugins: [
new htmlWebpackPlugin({
template: './index.html',
})
],
//让单文件的方式也能有template做组件的编译,包会增大30%
//如果是.runtime的文件就小30%
//在main.js中 import Vue from 'vue';
resolve: { //文件路径加载解决方案
alias: { //别名
//'vue$' 会忽略 import xxx from 'vue/dist/vue.runtime.js'
'vue$': 'vue/dist/vue.esm.js'
//当import xx from '1213432vue' -> vue/dist/vue.common.js
}
},
devServer: { //配置webpack-dev-server -> express服务器的选项
host: '127.0.0.1', //A
port: 9999,
//代理
proxy: { //this.$ajax.get('/v2/xxxx')
'/v2/*': { // 如果当前请求的url 是以/v2开头/xxxxxx,则默认请求127.0.1/v2/xxx
changeOrigin: true, //changeOrigin就把当前本地express服务器由A变为向B请求并返回
target: 'https://api.douban.com/', //B
}
}
}
}
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: 'babel-loader',
//排除路径
exclude: /node_modules/,
options: {
presets: ['es2015'],
plugins: ['transform-runtime']
}
},
//处理.vue文件
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
},
plugins: [
new htmlWebpackPlugin({
template: './index.html',
})
],
//让单文件的方式也能有template做组件的编译,包会增大30%
//如果是.runtime的文件就小30%
//在main.js中 import Vue from 'vue';
resolve: { //文件路径加载解决方案
alias: { //别名
//'vue$' 会忽略 import xxx from 'vue/dist/vue.runtime.js'
'vue$': 'vue/dist/vue.esm.js'
//当import xx from '1213432vue' -> vue/dist/vue.common.js
}
},
devServer: { //配置webpack-dev-server -> express服务器的选项
host: '127.0.0.1', //A
port: 9999,
//代理
proxy: { //this.$ajax.get('/v2/xxxx')
'/v2/*': { // 如果当前请求的url 是以/v2开头/xxxxxx,则默认请求127.0.1/v2/xxx
changeOrigin: true, //changeOrigin就把当前本地express服务器由A变为向B请求并返回
target: 'https://api.douban.com/', //B
}
}
}
}
阅读全文
0 0
- webpack.config.js全部有关配置
- webpack学习-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack2-webpack.config.js配置
- webpack.config.js配置详解
- webpack.config.js的配置
- webpack.config.js文件配置
- 在webpack.config.js中配置jquery
- webpack.config.dev.js中配置less
- webpack 浅析 webpack.config.js 文件的简单配置
- webpack配置文件:webpack.config.js
- webpack.config.js解析
- webpack.config.js文件
- webpack.config.js
- 1601: [Usaco2008 Oct]灌水
- springmvc mybatis 分页 控制层及sql语句 oracle mysql easyui
- [2017湖南集训7-9]大佬的问题 (数点问题)
- C++构造拷贝中拷贝的N种调用情况
- Map接口和AbstractMap抽象类详解
- webpack.config.js全部有关配置
- PICT生成两两组合测试用例集
- 网络流最大流EK和Dinic入门算法
- 比赛时出现的一些细节错误
- Android应用签名及团队开发
- Mysql学习历程基本语法(7)--时间日期类型
- A/B-test显著性检验
- Node.js 究竟是什么?
- oracle数据库表空间使用率查询及修改