Tag: webpack

清空libs.css和libs.js文件: 我使用webpack编译了我的样式和脚本，但是我注意到libs.css和libs.js文件是空的，而我在app.cs和app.js文件中有条目。这是我的npm设置：： – webpack.mix.js： const { mix } = require('laravel-mix'); mix.js('resources/assets/js/app.js', 'public/js/') .sass('resources/assets/sass/app.scss', 'public/css/'); mix.styles([ 'libs/animate.css', 'libs/animations.css', 'libs/app.css', 'libs/bootstrap-theme.css', 'libs/bootstrap.css', 'libs/custom.css', 'libs/font-awesome.min.css', 'libs/head-custom.css', 'libs/sb-admin-2.css', 'libs/sticky.css', 'libs/style.css', ], './public/css/libs.css'); mix.scripts([ 'libs/app.js', 'libs/bootstrap.js', 'libs/custom.js', 'libs/gmap.js', 'libs/ipad.js', 'libs/jquery.form.min.js', 'libs/jquery.min.js', 'libs/jquery.pjax.js', 'libs/jquery.slim.min.js', 'libs/myform.js', 'libs/sb-admin-2.js', 'libs/sb-admin-2.min.js', 'libs/sticky.js', 'libs/template.js', ], './public/js/libs.js'); mix.scripts([ '/plugins/jquery.appear.js', '/plugins/jquery.backstretch.min.js', '/plugins/modernizr.js', '/plugins/libs3/jquery.js', ], './public/js/plugins/plugins.js'); mix.scripts([ '/libs/isotope.pkgd.js', […]

Webpack外部节点和浏览器: 我有一个在浏览器和服务器上运行的同构React应用程序。我通过两个不同的入口点和不同的configuration运行两个单独的Webpack构build，为两者构build相同的代码。问题是，在服务器的节点上运行时，通过外部脚本标记（本例中为Google Maps）存在于浏览器窗口上的外部文件显然不存在。除入口点文件外，代码是相同的。 index.html的： // index.html <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=XXX"></script> 简化configuration： // Server Webpack config { entry: 'server.js', target: 'node', externals: { google: google } } // Client Webpack config { entry: 'client.js', target: 'browser', externals: { google: google } } 组件： // The view which builds and runs fine in // the client […]

Webpack捆绑的快递应用程序无法查找视图: 我运行npm run start和服务器运行良好。当我尝试在localhost上查看客户端时，服务器返回错误：GET / 500 62.700 ms – 2028错误：无法在视图目录“/ views”中查找视图“错误” 只使用源文件时，应用程序运行良好。从webpack包运行应用程序时发生此错误。源代码和捆绑文件之间有什么区别会导致这个错误发生？故宫：3.8.2 节点：4.2.6 expression：4.13.1 webpack：1.12.13 babel-loader：6.2.4 webpack.config.js var webpack = require('webpack'); var path = require('path'); var nodeModules = {}; fs.readdirSync('node_modules') .filter(function(x) { return ['.bin'].indexOf(x) === -1; }) .forEach(function(mod) { nodeModules[mod] = 'commonjs ' + mod; }); module.exports = [ { entry: { […]

错误：找不到模块'… / webpack': 我刚刚开始与节点，一般服务器的东西。我正在跟着一个经过精心审查的YouTubevideo，在这里不知所措。我在全局和我的项目文件夹中安装了webpack和webpack-dev-server。现在，如果我尝试运行webpack（在terminal中inputnodejs webpack）或webpack-dev-server，它只是给我这个错误： andrew@AndrewLaptop:~/Documents/mean-todo-app$ nodejs webpack module.js:340 throw err; ^ Error: Cannot find module '/home/andrew/Documents/mean-todo-app/webpack' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:902:3 不应该看在意思todo应用程序/ node_modules / webpack而不是mean-todo-app / webpack ？再一次，所有这一切都是新的，所以我可能会错过一些愚蠢的东西，但我没有find任何有用的东西。谢谢编辑：猜我可以提到我在Ubuntu上，如果重要的话

Webpack：如何驯服非npm兼容的js库: 我有像下面这样初始化自己的js库： (function(root) { …… …… })(this) 当用webpack构build时，我会得到类似的东西 function(module, exports) { (function(root) { })(this) } “这个”并不像图书馆所想的那样是一个窗口。有没有一个简单的方法来驯服这种types的图书馆与webpack的工作？我最后的手段是用后期加载器或者其他东西来替代这个窗口。

来自UglifyJs的bundle.js中的错误: 我已经完成了一个项目，现在是时候build立它了。我正在使用一个样板项目，仍然不完全理解所有npm / webpack的内幕。当运行“npm start”时，我收到错误： ERROR in bundle.js from UglifyJs SyntaxError: Unexpected token: punc ()) [bundle.js:848,29] 在这个问题上search了一个小时后，我仍然无法解决它。根据我的理解，这个问题正在发生，因为Uglify还不喜欢ES2016。然而，我在互联网上find的解决scheme似乎没有工作，或者没有足够的意义，我来执行。我发现这个stackoverflow的问题，并改变了我的项目的package.json文件中的webpack行到： "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony" 但是这不起作用。分叉webpack的另一个build议目前还不在我的理解之中。我也尝试在另一个build议运行我的src文件夹上运行babel，但是这似乎并没有做任何事情，或者我不正确地运行它。有没有人有一个很好的解决这个问题？我现在很困难，没有时间从头开始学习npm / webpack，以便完全掌握发生了什么事情。非常感激！

意外的标记punc«（»，预期punc从UglifyJS创build块时: 尝试使用webpack 2.2.1进行生产构build时出现以下错误： > cross-env NODE_ENV=production webpack –config internals/webpack/webpack.prod.babel.js –color -p –progress Hash: 7bb2cdb98aab2f36f7e1 Version: webpack 2.2.1 Time: 259158ms Asset Size Chunks Chunk Names 39.1ac14d04bb54ae025fbd.chunk.js 575 kB 39 [emitted] [big] .htaccess 1.53 kB [emitted] manifest.json 624 bytes [emitted] 0.b0881f3ea995a2fc465f.chunk.js 600 kB 0 [emitted] [big] 1.350b2d8a46d91e3c0911.chunk.js 918 kB 1 [emitted] [big] 2.e52c43dc81bf586e8812.chunk.js 636 kB 2 [emitted] [big] […]

如何在没有webpack dev服务器的情况下使用webpack进行开发？: 我目前使用require.js进行开发，所以我可以快速迭代（更改文件，刷新页面，不需要构build步骤），但是我使用webpack作为构build工具，因为它优于r.js 我想完全摆脱require.js并将webpack用作开发中的脚本加载器。我知道这正是webpack dev server的function，但是我特别不想使用它。理想情况下，我只是在<script>包含某种webpack加载器，将其指向我的webpack.js构buildconfiguration，然后让它完成这项工作。

webpack-dev-server错误“未find命令：webpack-dev-server”: 真的不明白为什么我不能让这个运行…我做了以下。 npm install -g webpack webpack-dev-server 证实两者安装成功。现在，当我尝试执行webpack-dev-server ，我得到以下内容： $ webpack-dev-server –inline –hot zsh: command not found: 'webpack-dev-server' 永远不要碰到这个，因为我所有的其他npm模块在本地和全局都可以正常加载/运行。我已经尝试在本地安装到一个项目（添加到package.json，npm安装，yadda yadda ..），并收到相同的错误。我错过了什么吗？

Webpack：找不到bundle.js: 我终于得到了他的开发服务器运行，我在屏幕上得到的东西。我已经为NPM设置了一个“启动”脚本，如下所示： "start": "webpack-dev-server –content-base app" 我收到一个错误： http://localhost:8080/bundle.js Failed to load resource: the server responded with a status of 404 (Not Found) 我的文件夹设置如下： appDir ->app ->node_modules webpack.config.js package.json 我的webpack.config.js： module.exports = { context: __dirname + '/app', entry: './index.js', output: { path: __dirname + '/app', filename: './bundle.js' } } 你能告诉什么是错的吗？