Tag: webpack 2

从加载器中调用其他Webpack加载器: 我正在写一个帕格依赖加载器。基本上它只会输出一个相同的帕格文件，除了require()调用将被replace为他们需要的文件的path。因此，显然，我需要走这条路，把它交给Webpack加载器链，这样就可以用适当的方式处理它，例如使用file-loader将图像文件复制到适当的位置。一切工作除了这部分。我无法弄清楚如何将path传递给Webpack加载。为了清楚起见，我想要在Webpack条目文件中require()一个文件时发生同样的事情 – Webpack应该采取path，在可能的加载器列表中运行它，然后进行适当的处理。我已经尝试使用require()调用，我试过this.resolve()和this.loadModule()但没有工作。由于this.resolve()接受上下文作为它的第一个参数，所以我仔细地给了它适当的my /src文件夹的上下文。该图像在/src/images/image.jpeg ，但它实际上给出了一个错误，它不能解决这个path，即使它是正确的，所以我不知道我在做什么错误或如何做到这一点工作。

Webpack不会生成build.js: 我将我的代码库移动到了dockerformat。我有一个docker-compose文件，命令如下： command: bash -c "rm -rf node_modules && npm install && npm run dev" 和一切工作正常，我使用rm -rf node_modules因为它给我一些丢失包（从我的MAC）的错误。这样做只是得到重新创build，并在本地主机上正常工作。我也添加了卷，所以当我改变我的代码中的东西时，它会反映在我的容器中，这也可以正常工作（除了热重载，但这不是什么大不了的）。现在我通常只是在我的docker-compose文件中注释掉以下command: bash -c "rm -rf node_modules && npm install && npm run dev"行： command: bash -c "rm -rf node_modules && npm install && npm run dev" ，而是添加： command: bash -c "rm -rf node_modules && npm […]

'NodeRequire'types的'确保'属性不存在: 我正在尝试webpack 2代码分裂。根据这个文档： https ： //webpack.js.org/guides/code-splitting-require/ 下面的代码应该将some.css包含到一个名为“something”的新块中 require.ensure([], function(require) { require('some.css'); }, 'something'); 但是当我运行它，我得到这个错误： ERROR in ./src/index.ts (4,9): error TS2339: Property 'ensure' does not exist on type 'NodeRequire'. 任何想法如何解决它？谢谢

对各种webpack匀场方法的困惑: 我对webpack允许暴露一个在npm上没有的variables或将其放入包中的各种方法有点困惑。我能够通过使用暴露谷歌可视化图表脚本的全球google变种 resolve: { extensions: ['.js', '.json'], alias: { 'google': path.resolve(__dirname, 'vendor', 'google.js') } } 结合 plugins: [ new webpack.ProvidePlugin({ 'google': 'google' }) ] 然而，看看webpack文档有一些其他方法来填充，看起来他们可能会做类似的事情。有imports-loader和exports-loader ，和script-loader 。我知道我已经链接到了文档，但是我仍然发现他们的描述应该使用这四个不太清楚。也看这个例子，这是否require不分配给一个variables？它意味着去哪里？哪里是关于这个语法正在发生的文档？ require("imports?$=jquery!./file.js") 有人能提供一些什么时候应该使用的例子吗？

无法parsing'babel-loader': 我正在尝试configuration我的第一个节点反应的应用程序。我不断收到一个错误，说“无法parsingbabel-loader”。用Googlesearch这个错误，我发现了一些不起作用的build议。首先是将以下内容添加到我的webpack.config.js中 // resolveLoader: { // modulesDirectories: '/usr/local/lib/node_modules' // }, 尝试产生一个错误，说： Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. – configuration.resolveLoader has an unknown property 'modulesDirectories'. These properties are valid: object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, […]

webpack 2和stylus-loaderconfiguration文件的例子: 我坚持得到手写笔与webpack 2一起工作。我试图将手写笔加载模块添加到我的webpack.config，但是我不知道如何做到这一点。我不是，我没有阅读文档： https://github.com/shama/stylus-loader 乍一看这个例子代码看起来像一块蛋糕（请记住，我在这里说Webpack 2，而不是Webpack 1）： module: { rules: [ { test: /\.styl$/, use: [ 'style-loader', 'css-loader', { loader: 'stylus-loader', options: { use: [stylus_plugin()], }, }, ], } ], }, 这里的问题是stylus_plugin函数，根据文档，需要通过以下方式进行要求： var stylus_plugin = require('stylus_plugin'); 但是，在npm repo中不存在像stylus_plugin这样的npm模块。所以，也许有人可以帮助我在webpack上运行铁笔，也许有人甚至可以提供一个configuration的例子。附录，2017年2月9日。这适用于我（使用手写笔）： module: { rules: [{ test: /\.styl$/i, use: [ 'style-loader', 'css-loader', 'stylus-loader' ] }] } 为了明确起见：每个单独的加载器代表一个单独的插件。 […]

Webpack2 node-libs-browser排除？: 我已经升级到webpack 2，并在树摇动我的包大小增加之前。当调查为什么我似乎有像bn.js和eliptic （node-libs-browser的一些依赖关系 – 它本身现在是webpack2的依赖项）的大文件。有什么方法可以删除或排除它们吗？在webpack1中，他们没有被添加到我的包中。