webpack配置接口路径

比如在webpack.config.js中的plugins中加入

new webpack.DefinePlugin({
        ‘process.env.NODE_ENV‘: JSON.stringify(‘production‘),
        IS_SIGN: JSON.stringify(‘prodsign‘)
 }),

然后就可以根据IS_SIGN来判断了

/* global IS_SIGN:true */
console.log(IS_SIGN);
switch (IS_SIGN) {
    case ‘localsign‘:
        API = ‘http://192.168.1.219:9099/‘;
        WEB = ‘http://192.168.1.114:8085/‘;
        break;
    case ‘testsign‘:
        API = ‘http://192.168.1.219:9099/‘;
        WEB = ‘http://heiyanquan.github.com/activity/20170427/test.html‘;
        break;
    case ‘prodsign‘:
        API = ‘http://192.168.1.219:9099/‘;
        WEB = ‘http://heiyanquan.github.com/activity/20170427/index.html‘;
        break;
}

需要注意的是,如果你在webpack里整合了ESLint,那么,由于ESLint会检测没有定义的变量(ESLint要求使用全局变量时要用window.xxxxx的写法),因此需要一个global注释声明(/* global IS_PRODUCTION:true */)IS_SIGN是一个全局变量来规避warning,

或者写成window.IS_SIGN。

时间: 2024-10-10 18:09:08

webpack配置接口路径的相关文章

webpack配置技巧--路径

resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], alias: { 'vue$': 'vue/dist/vue.common.js', 'src': path.resolve(__dirname, '../src'), 'assets': path.resolve(__dirname, '../src/assets'), 'components': pa

求助,关于webpack url-loader配置图片路径错误的问题

这是我css文件图片引入的位置 这是我的webpack配置 最后就会出现这种路径,如果我把url-loader的输出名改成name=../images/[name].[ext],这样它会把图片输出到dist同级的位置,而不是dist目录内,求教怎么解决! 回答:你得配置个output.publicPath参数,我观察你的文件目录结构,初步建议你配成publicPath: './dist',如果在浏览器里路径报错了,你可以参照着你自己的文件目录结构来改下这相对路径.

vue-cli#2.0 webpack 配置分析

目录结构: ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config │ ├── dev.env.js │ ├── index.js │ └

webpack图片的路径与打包

转的http://www.cnblogs.com/ghost-xyx/p/5812902.html 今天写 react遇到打包图片,之前都是通过url在css里,没遇到问题,今天在 react里直接用就错了,所以记录下来,这篇文章帮我解决了... 刚开始用webpack的同学很容易掉进图片打包这个坑里,比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle).下面我们就来分析下在webpack项目中图片的应用场景. 在实际生产中有以下几种图片的引用方式: 1. HTM

webpack无法使用相对路径解决办法

webpack无法使用相对路径: 当配置完webpack.config.js,path使用相对路径,如下: 但是,在cmd运行 webpack 时,报如下错误: 所以,解决办法: var path = require('path'); path: path.resolve(__dirname, './bin')

webpack配置这一篇就够

最近看了一篇好文,根据这个文章重新梳理了一遍webpack打包过程,以前的一些问题也都清楚了,在这里分享一下,同时自己也做了一些小的调整 原文链接:http://www.jianshu.com/p/42e11515c10f git项目地址:https://github.com/gengchen528/webpackSample 更多前端内容可以到:http://www.bloggeng.com/ 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的

Webpack中的路径

webpack中涉及许多路径参数的配置.在此做个整理. context context是webpack编译时的基础目录,entry入口会相对于此目录查找. 若不配置,默认值是当前目录,webpack设置context.默认值代码: this.set("context", process.cwd()); 即webpack运行所在目录. context应该是绝对路径,假设入口是src/main.js,则可以设置 { context: path.resolve("./src&quo

webpack 配置学习笔记

最简单的 webpack 配置 const path = require('path') module.exports = { entry: './app/index.js', // 入口文件 output: { path: path.resolve(__dirname, 'build'), // 必须使用绝对地址,输出文件夹 filename: "bundle.js" // 打包后输出文件的文件名 } } webpack 命令配置 在 package.json 中添加代码 "

使用webpack配置react并添加到flask应用

学习react,配置是很痛苦的一关,虽然现在有了create-react-app这样方便的工具,但是必须要自己配置一遍,才能更好地进行项目开发. 首先要明确一个概念:react的文件必须经过编译才能被浏览器识别,因此我们需要webpack这个打包工具来把react的组件打包成一个js文件,然后将这个js文件放到flask目录下,然后引入到flask模版的html文件里面.当然,你也可以在前端用express等服务进行客户端渲染,只将flask服务视为一个传递数据的api. 下面开始配置吧 1.如