webpack-dev-server

I'm trying to use webpack-dev-server to run a simple program but I'm getting this error: module.js:471 throw err; ^ Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) I have installed webpack with following npm

I am using vue-cli webpack-simple template to generate my projects, and I'd like to proxy requests to a separate, backend server. How can this be easily achieved? Mani If you use webpack template with vue-cli , then you can find the required information in this reference document: http://vuejs-templates.github.io/webpack/proxy.html Or instead of changing your template now, you may copy the relevant config from the webpack template into your local webpack-simple template. EDIT: more info from my local setup This is what I have in my config/index.js under module.exports : dev: { env: require('.

I would like to know if there's a configuration option to tell webpack to only log the "important information" to the terminal. Pretty much just errors and warnings, not all of this: There's just so much output! Would love to suppress the common stuff and only have webpack output the warnings/errors. Would like a solution for webpack , webpack-dev-server , and karma-webpack . Note : I tried noInfo: true and quiet: true but that didn't seem to do the trick. Edit: I'm thinking this may not be possible, so I've created an issue on github: https://github.com/webpack/webpack/issues/1191 In my

I'm trying to use webpack-dev-server to compile files and start up a dev web server. In my package.json I have the script property set to: "scripts": { "dev": "webpack-dev-server --hot --inline", } So the --hot and --inline should enable the webserver and the hot reloading (as I understand it). In my webpack.config.js file I set the entry, output, and devServer settings as well as add a loader to look for changes in .vue files: module.exports = { entry: './src/index.js', output: { path: __dirname + '/public', publicPath: '/public', filename: 'bundle.js' }, devtool: 'source-map', devServer:{

Currently I'm struggling to get HMR working in my Webpack 2 setup. I'll explain my entire setup so I hope this is enough for someone to understand what's happening. The structure of my project: config dev.js prod.js dist css js index.html node_modules src components // some JavaScript components shared stylesheets index.js .babelrc package.json webpack.config.js This are the contents of my webpack.config.js file, placed in the root of my project: function buildConfig(env) { return require('./config/' + env + '.js')(env) } module.exports = buildConfig; So in this file I've the option to pass

我们每次修改代码之后，如果想要在浏览器中看到变化，都先要手动编译代码，这样未免有些麻烦 在 webpack 中，配置某些选项可以帮助我们在代码发生变化之后自动编译代码 1、存在问题 首先我们搭建一个简单的项目，感受一下在不使用自动编译之前项目开发的状态 创建一个空文件夹 Demo ，作为项目的根目录，在该目录下运行如下命令安装项目所需依赖 > # 创建 package.json 文件 > npm init -y > # 安装 webpack > npm install --save-dev webpack > npm install --save-dev webpack-cli > # 安装 lodash > npm install --save lodash 然后我们在根目录下创建 dist 和 src 目录，并在相应的目录下创建相应的文件，最终的目录结构如下 Demo - package.json - package-lock.json - webpack.config.js + node_modules + src - index.js + dist - index.html webpack.config.js 文件内容，指定 webpack 的一些基本配置 const path = require('path'); module.exports = { entry: '.