草庐IT

webpack-cli

全部标签

node.js - 如何将 socket.io 与 webpack-hot-middleware 一起使用?

我有一个Koa服务器使用webpack-dev-middleware和webpack-hot-middleware进行热模块替换(HMR),所以中间件使用websocket将更改推送到客户端。但我的应用程序代码还需要在客户端和Koa服务器之间建立自己的websocket连接。我不知道如何实现这一目标?好像两者是矛盾的。我可以让它们并排吗?我的服务器代码看起来像这样constcompiler=webpack(webpackConfig)constapp=newKoa()app.use(webpackDevMiddleware(compiler,{quiet:true,noInfo:tru

node.js - Sass 加载器在 webpack 中不起作用

我正在尝试让我的webpack配置支持*.scss文件,但是当我运行webpack构建命令时,我不断收到以下错误:ERRORin./~/css-loader!./~/sass-loader!./app/styles.scssModulebuildfailed:TypeError:Cannotreadproperty'sections'ofnullatnewSourceMapConsumer(/Users/sean/Development/playground/webpack.sass.test/node_modules/css-loader/node_modules/postcss/n

node.js - Sass 加载器在 webpack 中不起作用

我正在尝试让我的webpack配置支持*.scss文件,但是当我运行webpack构建命令时,我不断收到以下错误:ERRORin./~/css-loader!./~/sass-loader!./app/styles.scssModulebuildfailed:TypeError:Cannotreadproperty'sections'ofnullatnewSourceMapConsumer(/Users/sean/Development/playground/webpack.sass.test/node_modules/css-loader/node_modules/postcss/n

css - 带有 webpack css-loader 的源图

我正在努力让sourcemaps与css-loader一起使用。控制台输出:css-loader的文档是怎么说的:SourceMapsToincludeSourceMapssetthesourceMapqueryparam.require("css-loader?sourceMap!./file.css")我的webpack.configvarwebpack=require('webpack')module.exports={entry:'./src/client/js/App.js',output:{path:'./public',filename:'bundle.js',publi

css - 带有 webpack css-loader 的源图

我正在努力让sourcemaps与css-loader一起使用。控制台输出:css-loader的文档是怎么说的:SourceMapsToincludeSourceMapssetthesourceMapqueryparam.require("css-loader?sourceMap!./file.css")我的webpack.configvarwebpack=require('webpack')module.exports={entry:'./src/client/js/App.js',output:{path:'./public',filename:'bundle.js',publi

node.js - 有没有办法让 webpack 不显示它正在编译的所有 block ?

默认的webpackCLI输出对我来说太冗长了。一旦我从我的一个文件中导入React,输出就会爆炸,显示所有block(?)正在打包:webpackresultisservedfrom/contentisservedfrom/Users/me/myprojectHash:aaaf5afc6582f3222f55Version:webpack1.12.14Time:1175msAssetSizeChunksChunkNamesindex.js677kB0[emitted]mainchunk{0}index.js(main)643kB[rendered][0]./src/app.js574

node.js - 有没有办法让 webpack 不显示它正在编译的所有 block ?

默认的webpackCLI输出对我来说太冗长了。一旦我从我的一个文件中导入React,输出就会爆炸,显示所有block(?)正在打包:webpackresultisservedfrom/contentisservedfrom/Users/me/myprojectHash:aaaf5afc6582f3222f55Version:webpack1.12.14Time:1175msAssetSizeChunksChunkNamesindex.js677kB0[emitted]mainchunk{0}index.js(main)643kB[rendered][0]./src/app.js574

node.js - 更改文件后如何重新编译webpack?

我正在使用带有两个入口点的webpack:entry:{js:'./assets/index.js',css:'./assets/sass/all.scss'},我想配置它,所以当我更改js或scss文件时,它会自动再次运行webpack。我尝试将webpack-dev-server与命令一起使用:webpack-dev-server--hot看起来它又在构建,它输出消息webpack:bundleisnowVALID.但是,如果我尝试刷新浏览器,我将看不到我的更改。(在开发工具上禁用缓存并按下Ctrl+F5)。重启Node也不起作用,就好像它在其他地方而不是在配置的输出文件上构建:o

node.js - 更改文件后如何重新编译webpack?

我正在使用带有两个入口点的webpack:entry:{js:'./assets/index.js',css:'./assets/sass/all.scss'},我想配置它,所以当我更改js或scss文件时,它会自动再次运行webpack。我尝试将webpack-dev-server与命令一起使用:webpack-dev-server--hot看起来它又在构建,它输出消息webpack:bundleisnowVALID.但是,如果我尝试刷新浏览器,我将看不到我的更改。(在开发工具上禁用缓存并按下Ctrl+F5)。重启Node也不起作用,就好像它在其他地方而不是在配置的输出文件上构建:o

javascript - "Uncaught ReferenceError: require is not defined"使用 Angular 2/webpack

我正在使用node和webpack将来自图形设计公司的HTML模板添加到我的Angular2项目中。HTML会像这样引入各种脚本:所以我在component.ts中需要它们:varicheckJs=require('../js/jquery.icheck.min');varwaypointsJs=require('../js/waypoints.min');还有其他几个脚本和一些看起来工作正常的SASS。webpack很高兴并构建了这一切,并且“npmstart”也成功了。但是,当它到达浏览器时,我收到了这样的提示:UncaughtReferenceError:requireisnot