webpack相关内容
我正在阅读这个 webpack 教程: https://webpack.github.io/docs/usage.html 它说它捆绑了 src 文件和 node_modules.如果我想在那里添加另一个 .js 文件,我该怎么做?这是一个第三方js文件,它不属于源文件,也不属于node_modules文件.这是我当前的 webpack.config.js: var path = r
..
如何使用 webpack 和 babel 编译我的代码,以便导出的函数在全局范围内可用. 例如: 导出函数 test(){console.log('test')} 应该在 window.test() 下可用. 当我运行 babel -d 时,我得到了我所期望的: 'use strict';Object.defineProperty(exports, '__esModule', {
..
我正在使用 Sage WordPress 入门主题 - https://github.com/roots/sage. 从今天开始,当我运行 yarn build (webpack --progress --config/webpack.config.js) 出现这个错误:模块构建失败:ModuleBuildError:模块构建失败:错误:Node Sass 尚不支持您当前的环境:OS X 6
..
使用 Webpack 2 和 sass-loader 4.11 webpack --config webpack.config.js 这是我的 webpack.config.js var path = require('path');var sass = require("./sass/lifeleveler.scss");模块.出口 = {条目:'./dist/main.js',输
..
当我尝试使用 babel 时出现以下错误. 错误:找不到相对于目录的预设“es2015" webpack.config.js module.exports = {条目:'./main.js',我们的输入:{小路:'./',文件名:'index.js'},开发服务器:{内联:真,端口:3333},模块:{装载机:[{测试:/\.js$/,排除:/node_modules/,装载机:'b
..
我希望我的 React.js 应用程序中的类可以从 .styl 文件中导出,就像从 CSS 模块中导出一样,但我找不到任何这个问题的现成解决方案. 我找到了设置 CSS 模块的指南 在使用 Create React App 创建的应用程序中. 我知道您需要运行 npm run eject 并以某种方式重写配置文件, 但如何 - 我不明白. 解决方案 你需要在你的项目中安装下一个
..
MobX 文档 告诉我我必须“使用转换插件 transform-decorators-legacy 并确保它在插件列表中排在第一位",以便装饰器工作.MobX 样板项目建议我需要一个 .babelrc 像: {“预设":["反应","es2015",“阶段1"],"plugins": ["transform-decorators-legacy", "react-hot-loader/babel"
..
我有一个要求,我要在其中渲染显示表单的视图.在提交表单时,我需要收集表单数据并创建一个文件并将表单数据保存为该文件中的 JSON.我正在使用 React.js、node.js、babel 和 webpack. 在努力实现这一目标后,我发现我必须使用同构或通用 javascript,即在服务器端使用 react 和 render,因为我们不能在客户端使用 fs 模块.参考了这个服务器端.
..
我希望 webpack 处理 js 文件 (minify/uglify) 但不将其格式化为模块 - 所以它只是包含初始代码 (minified/uglified) 没有任何 webpackJsonp 的原始 js 文件.我需要这样一个文件来在浏览器中加载 webpack 之前加载它,以检测是否加载了自定义字体.如果我使用 webpack 模块来做,那么我的包会在加载字体文件后加载. 解决方案
..
我有一个名为 fooModule 的模块.在这个模块中,我导入 fooModule(本身): import * as fooModule from './fooModule';导出函数 logFoo() {控制台日志(fooModule)} 当 logFoo() 被调用时,我可以看到 fooModule 的所有导出.这是如何运作的? 解决方案 循环依赖对于声明式导入/导出没有问题.在您
..
我用 Webpack 和 react-rounder 构建了一个项目.这是我的代码: ReactDOM.render(
..
webpack.config.js module.exports = {上下文:__dirname + "/app",入口: {javascript: "./app.js",html: "./index.html",},解决: {扩展名:['', '.js', '.jsx']},输出: {文件名:“app.js",路径:__dirname + "/dist",},模块: {装载机: [{测试:/
..
sass loader 文档说:“如果您只是生成 CSS 而不将其传递给 css-loader,则它必须相对于您的 Web 根目录".所以我照它说的做了,我在我的 project root 中有我的 index.html,然后我试图从我的scss 文件.现在我有 2 个错误:1)来自 Chrome 的控制台:找不到模块“./img/header.jpg".2)从我的终端: 错误在./~/css-
..
我目前正在一个 react webpack babel 等站点上工作,并尝试第一次构建.构建成功,但是当我打开浏览器时出现以下错误: 未捕获的错误:找不到模块“/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/
..
我使用 create-react-app 创建了我的 React 应用程序,现在将 TypeScript 与create-react-app-typescript. 一切正常,但问题是 - 特别是因为我使用了很好但很重的 material-ui - 构建包的大小相当大 - 几乎达到 1MB. 如何使用摇树工具(例如在 Webpack 2 或 rollup 中)?我不想 eject 已经
..
有什么方法可以让 Webpack 将 #!/usr/bin/env 节点 保留在我的文件顶部? 我正在尝试将 CLI 与模块捆绑在一起……仅使用一个配置文件单独导出我的 index.js/cli.js 有点棘手……并且使 cli 需要索引...我得到了它的工作... 但是..我没有找到任何方法将 #!/usr/bin/env node 保留在我的 cli 文件的顶部,有什么想法吗?
..
我在我的项目中使用 webpack 2 和 react-bootstrap;我找不到如何正确应用引导 CSS 样式,似乎 .css 文件没有加载,无论我尝试使用哪个 import 语句. 据我所知,我不需要带有 javascript 等的完整引导程序包,因为我使用的是 react-bootstrap ;我只需要 CSS.所以我在我的 main.js 文件中添加了这个: import 'bo
..
所以我在 git 中创建了一个包.做了我的改变.然后在我的终端 npm install --save git+https://github.com/hayk94/ddp.js.git 然后我尝试在我的代码中导入包 从 'ddp.js' 导入 DDP 但是 webpack 给了我这个错误 ./main.js 中的错误找不到模块:错误:无法解析“/Users/hayksafaryan/pro
..
我想向我无法控制的外部 API 发出 GET 请求.由于 API 的安全性,我的 React 应用程序无法直接向端点发出 ajax 请求.因此,我正在尝试创建一个简单的代理,如下所示 这里 我的 package.json 文件 看起来像这样: {"name": "我的堆栈",“版本":“0.1.0",“私人":真的,“依赖关系":{“反应":“^ 15.6.1","react-dom":
..
我在使用 webpack 捆绑我的应用程序时遇到问题,我在网站上阅读了类似的问题,尽管我已经尝试了所有建议,但我无法弄清楚出了什么问题. 一切都很好.但是,当我打开浏览器时显示此错误: 未捕获的引用错误:未定义要求 webpack-dist.conf.js const webpack = require('webpack');const conf = require('./gulp
..