webpack-dev-server

I am new to webpack and worked out almost all build sections, but now the problem is that I want to pass the environment variables from a .env file to webpack config, so that I can pass that variables to my build files via webpack.DefinePlugin plugin. Currently I am able to to pass environment variable directly from webpack to to my build. Please see the code below which I used in webpack. new webpack.DefinePlugin({ "API_URL": JSON.stringify("http://my-api.com"), "SECRET_KEY" : "MYSECRETKEYGOESHERE" }), My package.json build script is "scripts": { "start": "NODE_ENV=development webpack-dev

I want to proxy /v1/* to http://myserver.com , and here is my script devServer: { historyApiFallBack: true, // progress: true, hot: true, inline: true, // https: true, port: 8081, contentBase: path.resolve(__dirname, 'public'), proxy: { '/v1/*': { target: 'http://api.in.uprintf.com', secure: false // changeOrigin: true } } }, but it doesn't work, Update: thanks to @chimurai, setting changeOrigin: true is important to make it work. Underneath webpack-dev-server passes all the proxy configuration to http-proxy-middleware , from the documentation . It's clear the use case you want is actually

I'm using this angular 4 seed app: https://github.com/2sic/app-tutorial-angular4-hello-dnn It uses webpack and works fine. It only seems to serve the dev files and not the dist/ folder. I want to ng serve the dist folder. Not sure the command to do this or if I need to install a lite server or something. I run this command to create the dist folder (which works fine): g build --prod --aot --output-hashing=none Now I want to run this build in the browser. You can use http-server for doing so. First of all generate a build using the command ng build --prod --aot --output-hashing=none . This will

I use babel-loader , but can't figure out how to generate or where find source maps for transpiled files. I tried eval-source-map , inline-source-map , source-map . webpack.config.js const BowerWebpackPlugin = require("bower-webpack-plugin"); module.exports = { entry: './src/script/index.jsx', output: { filename: 'bundle.js', sourceMapFilename: "bundle.js.map", publicPath: 'http://localhost:8090/assets' }, debug: true, devtool: 'inline-source-map', module: { loaders: [ { test: /\.js[x]?$/, loaders: ['react-hot', 'jsx', 'babel'], exclude: /node_modules/ }, { test: /\.scss$/, loaders: [ 'style',

I'm new to Mocha and I am trying to use it to test a simple React component. The test would pass if the react component doesn't have any CSS styling but throws a syntax error if the tag within the React component contains any className: Testing.react.js import React from 'react'; export default class Testing extends React.Component { render() { return ( <section> <form> <input type="text" /> </form> </section> ); } } testing.jsx import { React, sinon, assert, expect, TestUtils } from '../../test_helper'; import TestingSample from '../../../app/components/Testing.react.js'; describe(

Background I am porting some npm scripts to Webpack loaders to better learn how Webpack works and I’ve got everything working except for my Mocha tests: I have one failing test, but it is not showing that Mocha is being run with the mocha-loader or that the test is failing: Question What do I need to do differently to get all src/**/*.test.js files to run with with Mocha in Webpack? Steps to reproduce Clone https://github.com/trevordmiller/webpack-loaders-playground Run npm test to see how tests should work Run npm run dev to see how tests don't run with Webpack Mocha loader won't run tests