草庐IT

webpack-style-loader

全部标签

javascript - Babel 不转译箭头函数 (Webpack)

当运行webpack和babel时,生成的bundle.js仍然包含箭头函数。在InternetExplorer10中运行时,这会给我一个语法错误。我希望babel将箭头函数替换为IE可以运行的正常函数。我的package.json具有以下devDependencies:"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-prese

javascript - 找不到模块 : Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'

我正在尝试完成有关Webpack的非常基础的教程。我无法让它编译一个非常基本的单行javascript应用程序。我已多次安装和卸载它。这只是学习如何使用Webpack的教程。我用了npminit设置package.json并且没有做任何其他事情来触摸该文件。我有一个index.html文件和一个应该捆绑到bundle.js文件中的app.js文件。我输入:webpackapp.jsbundle.js进入终端我一直收到这个错误:Jonathans-MBP:webpack-appjonathankuhl$webpackapp.jsbundle.jsHash:8d502a6e1f30f2ad

javascript - 如何从 Windows 控制台停止 webpack 开发服务器?

我使用以下命令从Windows控制台运行webpack-dev-server:webpack-dev-server--content-base./build--inline--hot在此之后,我看到消息webpack:bundleisnowVALID.并且我不能输入任何内容。但是,如果我更改了webpack.config.js中的某些内容,我必须关闭控制台,再次打开它并启动webpack-dev-server以应用我的更改。如何在不关闭控制台的情况下停止webpack开发服务器? 最佳答案 只需按两次Ctrl+C

javascript - 404 因为重启 webpack-dev-server

当我尝试更改我的react组件并保存它以查看热加载器是否更新了我的页面时,我在我的开发人员工具中得到了这个:GEThttp://localhost:3000/public/bundle/76566a1ad7e45b834d4e.hot-update.json404(NotFound)hotDownloadManifest@main.js:26hotCheck@main.js:210check@main.js:9288(anonymousfunction)@main.js:9346main.js:9303[HMR]Cannotfindupdate.Needtodoafullreload!

javascript - 用另一个函数替换一个函数的 webpack 插件

我正在尝试创建一个webpack插件,它将解析某个函数的代码并将其替换为另一个函数,该插件还将新函数作为全局函数公开。classsomeName{constructor(local,domain,translationFile,options){}apply(compiler){//exposingngtfunctionasaglobalcompiler.plugin('make',function(compilation,callback){varchildCompiler=compilation.createChildCompiler('someNameExpose');child

javascript - 如何 Stub webpack 的 require.ensure?

我使用webpack的代码拆分功能(require.ensure)以减少我的React的初始包大小通过从异步加载的单独包中加载在页面加载时不可见的组件来应用程序。这很完美,但是我在为它编写单元测试时遇到了问题。我的测试设置基于Mocha,Chai和Sinon.这是我迄今为止尝试过的代码的相关摘录:describe('WhenIrenderthecomponent',()=>{letcomponent,mySandbox;beforeEach(()=>{mySandbox=sandbox.create();mySandbox.stub(require,'ensure');componen

javascript - 如何为 mocha-webpack 分离文件

发生的事情是,当我运行我的测试时,我的覆盖率只显示bundle.js这不是很有帮助。我有以下webpack文件设置,想知道我应该更改什么以使其单独覆盖每个文件webpack.config-test.jsvarnodeExternals=require("webpack-node-externals")constpath=require("path")module.exports={context:path.resolve(__dirname),resolve:{extensions:[".js"],alias:{"@":path.join(__dirname,"../../src/se

javascript - jQuery .width()、style.width 和 jQuery .css ('width' 之间有什么区别?

jQuery的.width()、jQuery的.css('width')和.style返回的值有什么区别.width节点上的属性?我很好奇,因为在尝试将两个表格单元格的宽度设置为相等时,前两个给了我同样的错误答案。它们实际测量的是什么,为什么它与我在浏览器中查看元素时在.style属性中看到的值不同? 最佳答案 来自width官方文档Thedifferencebetween.css(width)and.width()isthatthelatterreturnsaunit-lesspixelvalue(forexample,400)w

javascript - Font-awesome 没有在 Bootstrap 中加载图标

我正在尝试使用Webpack对Bootstrap和Font-awesome做一个简单的要求。我设法加载了BootstrapCSS,但Font-awesome无法正常工作。这是我得到的结果:我的代码如下。我在这里做错了什么?资源:Githubcode可在此处获取。package.json{"name":"","version":"0.0.1","main":"index.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1","start":"webpack-w"},"license":"MIT","devDependen

javascript - 是否可以使用 webpack 在浏览器中动态配置 `publicPath`?

我有一个项目,我将同一个webpackJS包部署到多个不同的环境。一些环境使用CDN来提供JS文件等静态Assets,而另一些环境则不使用CDN,而只是从与项目其余部分相同的根目录提供静态Assets。这个项目也有多个异步webpackblock,所以我定义了一个publicPath来正确加载它们。当部署到非cdn时,webpack在我的webpack配置中使用静态配置的publicPath可以正常工作,服务于/static/之类的所有内容。然而,当部署到使用CDN的环境时,这不再适用于异步block,因为webpack将尝试从/static/访问这些block,这意味着他们询问主应用