草庐IT

javascript - 用于 sass 的 webpack live 热重载

我正在为ReactStarter构建工作流程,并希望在我更改scss文件时自动重新加载浏览器。目前,当我在我的index.js文件(设置为我的入口点)中进行更改时,webpack将热重新加载。但是,当我在scss文件中更改/添加scss代码时,它会被编译,但css不会在任何地方输出,也不会触发浏览器重新加载。我是webpack的新手,非常感谢这里的一些见解。这是我的webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTex

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1:

javascript - webpack 2 预期 '!' 错误与导入一起使用

我想使用这个svg加载器,https://github.com/jhamlet/svg-react-loader在说明中我遵循了用法,比如importLogofrom'svg-react-loader?name=Logo!../images/logo.svg';但是我得到了错误Line3:Unexpected'!'in'svg-react-loader?name=Logo!../images/logo.svg'.Donotuseimportsyntaxtoconfigurewebpackloadersimport/no-webpack-loader-syntax

javascript - Lodash 不是 TreeShaking with Webpack 和 Webpack 4?

我想从webpack生成的包中摇树lodash以及我未使用的multiply函数我有2个主要文件app.js和math.js它包含以下代码-应用程序.jsimportmapfrom"lodash/map";import{sum}from"./math";console.log("?");console.log(`2+3=${sum(2,3)}`);map([1,2,3],x=>{console.log(x);});数学.jsexportconstsum=(a,b)=>a+b;exportconstmultiply=(m,n)=>m*n;webpack.config.jsconstpat

javascript - 在 https 模式下使用 webpack-dev-server 的 Safari 刷新循环

我在SafariVersion9.0.1(11601.2.7.2)上测试JS模块时遇到了一个奇怪的问题因此,我使用带有标准HMR配置的webpack-dev-server(但使用https:true),即使我不更新我的源文件,浏览器也会保持刷新。事实上,它陷入了刷新循环。当我打开检查器控制台时,我在重新加载之前短暂地看到了这个错误:WebSocket网络错误:OSStatus错误-9807:无效的证书链然后就在刷新之前[WDS]Disconnected![WDS]Appupdated.Reloading...可能与自签名证书验证失败有关。服务器在https://localhost:11

javascript - 来自 UglifyJs 的 bundle.js 中的错误

我已经完成了一个项目,现在是构建它的时候了。我正在使用一个样板项目,但仍然不完全理解幕后发生的所有npm/webpack事情。运行“npmstart”时,我收到错误:ERRORinbundle.jsfromUglifyJsSyntaxError:Unexpectedtoken:punc())[bundle.js:848,29]在网上搜索这个问题一个小时后,我仍然无法解决它。据我了解,这个问题的发生是因为Uglify还不喜欢ES2016。但是,我在Internet上找到的解决方案似乎不起作用,或者对我来说实现起来意义不大。我找到了这个stackoverflowquestion并将我项目的

javascript - 如何在 webpack 中导入 jquery

我在webpack上使用jquery时遇到问题。我的代码:constpath=require('path');constwebpack=require('webpack');constCleanWebpackPlugin=require('clean-webpack-plugin');constExtractTextPlugin=require("extract-text-webpack-plugin");constUglifyJsPlugin=require('uglifyjs-webpack-plugin');constCompressionPlugin=require("comp

javascript - 在 Webpack 中订购多个入口点

我的Webpack配置中有多个条目:entry:{'polyfills':'./src/polyfills.ts','vendor':'./src/vendor.ts','app':'./src/main.ts'},当我运行npmstart(webpack-dev-server--inline--progress--port8080--bail)\Loading...在我的index.html中按以下顺序变成脚本:但是当我运行webpack-p--progress--profile--bail它的顺序是:common,app,polyfil,thenvendor顺序很重要。如果在pol

javascript - 使用 Webpack 将 ES6 转译为单独的文件

是否可以配置webpack来做等同于:babelsrc--watch--out-dirlib这样的目录结构是这样的:-src-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js将所有文件编译为ES5并在lib目录下以相同的结构输出它们:-lib-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js我试过遍历所有文件路径并将它们作为单独的条目传递,但在定义输出文件时,webpack似乎“忘记”了文件的位置。Output.path只提供[hash]tok

javascript - 类型 [type] 的参数不可分配给类型 [type] 的参数

我在运行npxwebpack时遇到了这个错误Version:webpack3.12.0Time:57478msAssetSizeChunksChunkNamesapp.js172kB0[emitted]appvendor.js7.91MB1[emitted][big]vendorapp.js.map256kB0[emitted]appvendor.js.map9.28MB1[emitted]vendor[21]./angular/service.ts3.92kB{0}[built][23]./angular/Utility.ts2.21kB{0}[built][37](webpack)