草庐IT

webpack-file-loader

全部标签

javascript - Webpack 错误 bundle.js :1 Uncaught SyntaxError: Unexpected token <

我在本地运行服务器并收到错误bundle.js:1UncaughtSyntaxError:Unexpectedtoken在输出bundle.js中是index.html文件的html代码。这是设置我的webpack.config文件。你能告诉我设置有什么问题吗?importpathfrom'path';importwebpackfrom'webpack';exportdefault{devtool:'eval-source-map',entry:['webpack-hot-middleware/client',path.join(__dirname,'/client/index.js'

javascript - 如何动态更改 webpack 中的导入路径?

我有一组通常从一个目录导入的导出:import{myThing}from'path/to/dir/es5/things'但是,如果我使用特定的NODE_ENV集运行webpack,我希望所有此类导入的根都被视为es6:import{myThing}from'path/to/dir/es6/things'我该怎么做,例如让webpack动态解析path/to/dir/es5/*到path/to/dir/es6/*? 最佳答案 您可以为此使用别名。例如,在您的webpack配置中,您可以使用如下内容:constalias={};if(N

javascript - Rails 5 + Webpacker 应用程序作为空白页面部署到 Heroku,没有失败

我有一个使用Webpacker和Vue.js的简单Rails5.1应用程序。它在开发中与webpack-dev-server完美配合.当我推送到Heroku存储库时,它完成时没有任何错误,也没有任何异常。HTML页面呈现但应该呈现Vue.js应用程序的元素仅由注释替换:JavaScript包文件确实在,我看了看,好像都是对的。我尝试用Node.jsBuildpack和RubyBuildpack替换普通的Rubybuildpack,但无济于事。这是完整的Heroku部署日志:----->Node.jsappdetected----->CreatingruntimeenvironmentN

javascript - Phantom js 在尝试运行示例 js 文件时返回 'can' t open [file name]'

环境:Windows7,Phantomjs版本1.8.0。我尝试从“examples”文件夹运行任何.js文件,之前安装了Phantom.js,将路径添加到PATH变量,检查版本如phantomjs--version而且有效。但是当我尝试运行时phantomjsexamples/version.js然后得到“无法打开version.js”我已经检查了文件安全设置并以管理员身份运行cmd,但仍然是相同的结果。对于解决此问题的任何帮助,我将不胜感激。提前致谢。 最佳答案 遇到了同样的问题。最后通过指定phatnomjs可执行文件的绝对路

javascript - Express.js 和 multer : how to know when the files are all uploaded?

我正在使用Multer模块进行文件上传。虽然一切正常,但在他们的github页面末尾有一条警告,内容如下:“警告:req.body在文件上传完成后被完全解析。过早地访问req.body可能会导致错误。”这让我非常担心。我只是找不到让.post中间件知道文件何时上传并且req.body可以使用的方法。这是我的代码:应用程序.js:app.use(multer({dest:'./uploads/',rename:function(fieldname,filename){returnfilename.replace(/\W+/g,'-').toLowerCase()+Date.now();}

javascript - Webpack:找不到 bundle.js

我终于让他的开发服务器运行起来了,我在屏幕上看到了一些东西。我已经为NPM设置了一个“启动”脚本,如下所示:"start":"webpack-dev-server--content-baseapp"我得到一个错误:http://localhost:8080/bundle.jsFailedtoloadresource:theserverrespondedwithastatusof404(NotFound)我的文件夹设置如下:appDir->app->node_moduleswebpack.config.jspackage.json我的webpack.config.js:module.ex

javascript - 如何为 Pug、React 和 ES6 设置 webpack

我正在尝试使用React和ES6制作一个网站。我正在使用Webpack通过Babel转译我的JS,它工作正常。现在我需要知道如何用Pug(或HTML)编写我的模板并将其添加到Webpack工作流中。我希望我的构建文件夹有两个文件:我的bundle.js我的index.html文件从我的index.pug文件编译而来一个示例webpack.config.js文件会有所帮助,但我真正想要的只是如何执行此操作的一般思路。谢谢! 最佳答案 要在webpack中使用pug模板,您需要首先安装几个webpack插件。htmlwebpackplu

javascript - 遇到 webpack 模块解析问题

我安装了一个全局npm模块,我们称它为abc-cli。现在我有一个使用此命令运行的Reactapp:abc-clirun。abc-cli基本上做的是获取app中的组件并使用其源代码编译和运行它。现在我想将这个app作为一个单独的npm模块发布。所以我使用Webpack来生成包。在解析模块时,webpack无法解析属于abc-cli的模块。很明显,webpack不知道abc-cli是什么。所以我的问题是如何确保webpack解析模块依赖关系?有什么方法可以让webpack在打包时运行/编译abc-cli。或者最坏的情况可能是如何抑制模块解析警告或忽略这些模块。因为我知道它会出现。例子:在

javascript - webpack dev 中间件,HMR 失败时如何自动重新加载

当我更改我的javascript源时,我在浏览器的控制台中收到以下消息:[HMR]Thefollowingmodulescouldn'tbehotupdated:(Fullreloadneeded)Thisisusuallybecausethemoduleswhichhavechanged(andtheirparents)donotknowhowtohotreloadthemselves.Seehttp://webpack.github.io/docs/hot-module-replacement-with-webpack.htmlformoredetails.我的问题是如何让webp

javascript - Postcss-loader 没有缩小 css 输出

我正在使用webpack和postcss-loader自动添加前缀并缩小我的CSS,然后将其加载到css-loader以使用css-modules。我在缩小CSS时遇到问题。通过webpack检查发出的.js文件显示CSS未使用cssnano缩小(因为我仍然可以看到空白字符)。我做错了什么?一些相关的配置文件:webpack.config.js:constpath=require('path');constwebpack=require('webpack');varpostCompileScript=require('./postCompile');module.exports={en