Tag: webpack isomorphic tools

如何正确configuration同构Web应用程序中的React-Toolbox没有“找不到资产”错误

我是一个初学webpack,node.js和基本到web开发。 我正在使用Redux / React / Isomorphic样板 。 我正在尝试为所有的表示组件使用React-Toolbox ,但是却无法构build/ bundle(npm run dev),因为它会抛出一个错误 – “找不到资产”。 请帮我解决这个问题。 我已经给出了所有的错误/configuration细节 运行错误 – 'npm run dev' : [2] ==> ? API is running on port 3030 [2] ==> ? Send requests to http://localhost:3030 [1] [webpack-isomorphic-tools] [error] asset not found: ./node_modules/react-toolbox/lib/ripple/style.scss [1] [webpack-isomorphic-tools] [error] asset not found: ./node_modules/react-toolbox/lib/button/style.scss [0] ./src/containers/Survey/Survey.js [0] […]

与webpack-isomorphic工具集成

我试图开发一个反应同构的应用程序,我最近想出了webpack-isomorphic-tools npm包。 我试图按照文档,但不幸的是,图像和样式文件不被识别,并没有被添加到webpack-assets.json文件。 直到现在我已经使用这种方法: if(process.env.BROWSER){ include('./style.scss'); } 但是我明白webpack-isomorphic-tools更有用。 对于scss和其他样式文件,这是运行服务器时出现的错误: [webpack-isomorphic-tools] [debug] requiring ./shared/Root.scss [webpack-isomorphic-tools] [error] asset not found: ./shared/Root.scss 对于图像文件,在构build期间不显示错误,因为在构build上没有检测到图像。 这里是webpack-assets.js : { "javascript": { "main": "/build/bundle.js" }, "styles": {}, "assets": {} } 相关代码: 的WebPack同构的工具-config.js: var webpack_isomorphic_tools_plugin = require('webpack-isomorphic-tools/plugin'); module.exports = { debug: true, webpack_assets_file_path : 'public/build/webpack-assets.json', webpack_stats_file_path : 'public/build/webpack-stats.json', assets: { images: { extensions: […]

wepack-isomorphic-tools vs process.env.BROWSER

我已经读了关于同构的应用程序开发,我已经看到了在服务器端处理资源加载的方法。 一个是webpack-isomorphic-tools 。 另一个就是这个“hack”,你在webpack中定义了一个将process.env.BROWSER设置为true的插件,并根据这个variables加载资源。 即: if(process.env.BROWSER){ require('./styles.scss'); } 我想知道,哪个更好,为什么?