• 在后端使用webpack

    I am trying to make a node back-end service using express and I want to use webpack too to bundle everything in a single file (don't know if it makes sense, I'm just learning). I set up my package.json this way: { "name": "something", "version": "1.0.0...
  • 正确导出React应用程序以通过CDN使用

    我正在尝试将React应用程序捆绑在一个JS文件中,以便可以从HTML文件中加载它。 1.)将其捆绑在一个文件中: webpack.config.js const path = require("path"); const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); const glob = require("glob"); module.exports = { entry: { "bundle.js": glob .s...
  • 如何编写一个WebPack的插件原理及实践

    比如我现在写了一个插件叫 "kongzhi-plugin" 这个插件。那么这个插件在处理webpack编译过程中会处理一些特定的任务。比如我们现在在webpack.config.js 中引入了一个如下插件:// 引入打包html文件const HtmlWebpackPlugin = require;然后我们需要如下使用该插件:module.exports = { plugins: [ new HtmlWebpackPlugin, ]};如上就是一个 HtmlWebpackPlugin 插件 及在webpack中使用的方式了。现在我们需要实现一个类似的webpack的插件。那么实现这一切的核心就是tapable,要想深入了解 tapable的知识可以看我之前的一篇文章.tapable它可以暴露出挂载plugin的方法。可以让我们能将plugin控制在webpack事件流上运行。tapable给我们暴露了很多钩子类,能为我们的插件提供挂载的钩子。
  • 如何将Webpack从v1升级到v4?

    Package.json文件(这不是完整的文件,我已经清除了一些数据) { "name": "test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack-dev-server --inline --content-base . --history-api-fallback", "start": "node server.js", "pr...
  • Vuejs SPA动态主题

    我有一个已构建的Vuejs单页应用程序,我想添加用户可切换的动态主题。用户在某处或某处有按钮的地方,他们可以单击“浅色”或“深色”主题选项,整个应用程序立即更新。我还希望所有“主题” scss文件都位于本地。 This answer here is the closest I've found so far, but the themes are not local. const themes = { flatly: "https://bootswatch.com/4/flatly/bootstrap....
  • 我的react-admin捆绑包很大(860KB)

    我已经尝试配置各种不同的优化方法,但是我的react-admin软件包大小仍然很大,为860KB。 我该怎么办?正常吗可能是什么原因?我将在一分钟内用我的webpack配置发布链接。 我认为目前尚无任何聪明的方法来进行代码拆分。我实施的资源很少,应该始终将它们一起使用。 Link to my common webpack config: https://pastebin.com/t6uMWiJ6 const path = require('path'); const webpack = require('w...
  • ReactJs:尝试运行应用程序时发生错误

    安装reactjs应用后,我正在尝试运行该项目,但出现错误。我尝试通过在npm安装后删除package-lock.json和node_modules来修复它,但仍然无法正常工作。我想在npm之前运行它,请不要推荐用yarn或其他东西。 这是错误消息: C:\Users\xxx\Desktop\react\first-react-app> npm start > first-react-app@0.1.0 start C:\Users\xxx\Desktop\react\first-react...
  • 简单实用的webpack-html-include-loader(附开发详解)

    webpack-html-plugin中的template默认使用的就是ejs。就自己动手实现了一个功能简单,方便易用的 HTML 包含 loader —— webpack-html-include-loader[1]。webpack-html-include-loader 包含以下核心功能:支持 include html 文件支持嵌套 include支持传入参数 & 变量解析支持自定义语法标记本文依次介绍这 4 个核心功能,并讲解相关实现。读完本文,你会收获如何使用这一 loader,并且获悉一点 webpack loader 的开发经验,如有问题还请不吝赐教。webpack 的 loader 接受的参数可以是原始模块的内容或者上一个 loader 处理后的结果,这里我们的 loader 直接对原始模块的内容进行处理,也就是内容字符串。
  • 使用babel / webpack捆绑反应/打字稿

    我有一个使用Typescript并进行反应的ASP.Net MVC项目,并且正在尝试使用webpack和babel捆绑文件。 在打字稿中,我必须导出我的组件才能在多个文件中使用它们。 所有这些都很好地链接了起来,但这意味着最终.jsx文件中有导出声明。 When I try to bundle the output .jsx with webpack I get the following error Error: Plugin/Preset files are not allowed to export ...
  • 如何通过使用dotenv(.env)将NODE_ENV从开发自动更改为生产

    大家好,我有一个简单的问题,我正在使用webpack 4来构建一个简单的应用程序 我正在尝试使用dotenv软件包自动更改NODE_ENV变量 我使用许多技巧来做到这一点,但没有任何效果。 请一些帮助谢谢... 这是我的所有配置文件,请帮助大家谢谢 webpack.config.js "use strict"; // Libraries const path = require('path') const webpack = require('webpack') require('dotenv').con...
  • 每当我尝试运行我的React应用程序时,都会收到此消息“ GET http://127.0.0.1:8080/bundle.js/ net :: ERR_ABORTED 404(未找到)”

    正如我在标题中所说的,每当运行实时服务器时,我的bundle.js文件都找不到404,我找不到原因。 我的index.html页面如下所示: <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style....
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部