草庐IT

Webpack--devServer的常用配置

全部标签

javascript - webpack.config.babel.js中使用 'import'报错

(function(exports,require,module,__filename,__dirname){importpathfrom'path'^^^^^^SyntaxError:Unexpectedtokenimport当我使用webpack-dev-server--hot时出现此错误。出现这种情况好像是因为它无法读取import或者webpack不支持import。我尝试使用babel-register但它不起作用。有什么办法可以解决这个问题吗?请引用下面的代码。webpack.config.babel.jsimportpathfrom'path'importwebpackf

javascript - webpack 2 不能在 IE11 上运行?

我有一个非常基本的javascript项目,它使用webpack(^2.6.0)作为模块bundler。有一个作为vendor模块的依赖项,我有一个入口点。我的配置如下:constpath=require('path');constwebpack=require('webpack');module.exports={entry:{bundle:'./modules/main.js',vendor:['react']},output:{path:path.join(__dirname,'build'),filename:'[name].js',chunkFilename:'[id].js

javascript - Webpack:构建需要很长时间

我的React应用程序中的webpack构建时间有问题。一切都很好,但需要很长时间。即使我只更改CSS重建的JavaScript文件?此外,CSS编译花费的时间比我认为的要长(如果我错了请纠正我)?我正在运行带有16gbRam的Corei7,并且构建大约需要一分钟,这在开发过程中变得非常烦人,因为它是一行更改,您必须等待足够多的一分钟才能看到您的更改浏览器?这是错误的方法吗?constCleanObsoleteChunks=require('webpack-clean-obsolete-chunks');constBundleAnalyzerPlugin=require('webpac

javascript - Heroku "Invalid Host header"HOST 配置中的 ReactJS APP?

我正在尝试将我的Reactapp在Heroku上。整个项目包括一个API(express)和一个客户端(ReactJS)。我已将我的API放在heroku上。但是当我把我的客户端放在Heroku上时,它显示构建成功。但是当我open它,它显示InvalidHostheader。我用谷歌搜索了这个问题,很多人告诉我配置HOST.但是他们正在使用webpack。我使用create-react-app构建它,并通过npmstart运行它。我想知道如何以最简单的方式解决这个问题。谢谢。 最佳答案 如果出于任何原因您试图在没有服务器的情况下部

javascript - 如何在运行时动态重新配置 Drupal 的基于 jQuery 的自动完成功能?

Drupal有一个非常好的架构,jQuery基于autocomplete.js.通常,您不必为它操心,因为它的配置和执行由Drupal表单API处理。现在,我需要一种在运行时重新配置它的方法(即使用JavaScript)。我有一个标准的下拉选择框,旁边有一个文本字段,根据选择框中选择的选项,我需要调用不同的URL来自动完成,对于其中一个选项,应该完全禁用自动完成。是否可以重新配置现有的自动完成实例,或者我是否必须以某种方式销毁并重新创建? 最佳答案 看看misc/autocomplete.js。/***Attachestheauto

javascript - 如何让 Karma + Webpack 找到模块?

在webpack通过Karma测试运行器将它们组合在一起后,我想在一堆模块上运行我的测试,但是每当我运行我的测试时,Karma都会说,"Error:Cannotfindmodule"hello.js"athttp://localhost:9877/base/src/hello.spec.js?d301966ffc1330826574d9d8fff5a644c3390c68:47"我有一个规范文件:vara=require('hello.js');describe("atesttest",function(){it("humperdinktest",function(){expect(a

javascript - Webpack 代码拆分

我正在尝试使用webpack设置我的项目,我已经阅读了有关代码拆分的内容,并且我正在尝试制作两个单独的包,一个用于实际的应用程序代码,另一个用于库和框架。所以我的webpack配置如下所示:entry:{app:'./app/index.js',vendor:'./app/vendor.js'},output:{filename:'[name].[chunkhash].js',path:path.resolve(__dirname,'public/js')},watch:true,module:{rules:[{test:/\.css$/,use:ExtractTextPlugin.e

javascript - webpack 只导入变量值

我正在编译需要来自package.json的版本值的代码:import{version}from'../package.json';exportdefault{version};当我查看webpack输出的.js文件时,我看到了整个package.json!我怎样才能避免这种情况?我的设置是:plugins:[newwebpack.DefinePlugin({'process.env.NODE_ENV':'"production"'}),newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false}}),newCompress

javascript - Webpack:是否可以在编译时评估 javascript 表达式?

我正在尝试为我的项目设置webpack。该项目足够大,并提供多种语言。我希望我的每个入口点都以每种语言作为单独的文件提供。我的语言文件不仅仅是普通的JSON,而是JavaScript。所以i18n插件不符合我的需求。解决办法好像是i18nplugin:varlanguages=['en','fr','de'];module.exports=languages.map(function(lang){return{name:lang,//someotherlanguage-dependentconfig}})然后在我的一些脚本中,我想使用环境变量要求本地化文件:varlang=...;//

javascript - 如果在 angularJS 的配置中配置,则测试 stateProvider 状态在 $state 上返回 null

我有这样一个配置:angular.module('myModule',['ui.router']).config(['$stateProvider',function($stateProvider){$stateProvider.state('app.home',{abstract:true,url:'/home',template:'FooBar'});}]);和像这样使用jasmine的单元测试:'usestrict';describe('Module:myModule',function(){var$rootScope,$state;beforeEach(module('ui.r