webpack打包后的文件引用问题---require.js

persuit666 2017-06-13 11:03:11

假设webpack打包后的js文件并且压缩后为xxx.min.js，大小为20KB，在页面上引用的时候
常规引用为
<script src="xxx.min.js">
我的意思是常规引用肯定是同步的，是否可以用require.js去异步加载这个打包后的js文件呢？

...全文

1089 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

IsolatedTraveler 2020-09-01

打赏
举报

回复

可以的，类似vue的插件都是打包后用import/require去引用的

persuit666 2017-06-14

打赏
举报

回复

我的意思是webpack打包后的东西有没有人再用require.js去异步加载这个打包后的文件？有没有人这么干过，这跟require.js接口没多大关系的，我的目的是最大化的提高资源载入效率

persuit666 2017-06-14

打赏
举报

回复

引用 1 楼 sp1234 的回复:

仔细看看 requirejs文档。

一头茫然，不切题！回答太泛泛了，我想得到一个经验或者直接的答案，这样我少走弯路，我在拟定研发方案

以专业开发人员为伍 2017-06-13

打赏
举报

回复

仔细看看 requirejs文档。

webpack-wxapp-module-plugin 一、简介微信小程序webapck插件支持哪些特性? 仅需要配置entry 指向app.js即可例如 entry:'./app.js' 支持node_modules 模块引用支持node_modules 组件引用 node_modules平行移植打包后的require会自动修改引用路径例如: require('lodash') 那么当打包后在dist下的引用变为 require('./node_modules/lodash/inde.jx) 自动分析需要编译的文件，产出wxapp需要的目录结构例如pages以及components,.wxml引用的图片，以及app.json引用的图片以及页面与分包加载页面等产出的目标文件均为commonjs模块类型，无webpack_require自带的模块规范与引用，方便调试识别可以

webpack 手动配置打包之 webpack.config.js 与 webpack-dev-server 1. 在项目的根目录下新建文件 webpack.config.js 文件 2. webpack.config.js 配置有以下几种类型（1）单页面入口 ① index.js 入口页面 console.log("Wellcome to webpack4+"); ② webpack.co...

授课特色：由浅入深，情景教学、案例教学作为一个现代javascript 应用程序的静态模块打包器，webpack能将各种资源，如js，css，图片等作为模块来处理，是当下前端工程化的一个很受欢迎的工具，webpack目前最新的版本是4.0。 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。 Webpack已经是大部分前端项目打包工具，比如最热门前端框架之一React，用它开发的项目都是用webpack进行模块化管理和打包。1、webpack工具的安装2、服务安装与启动3、html打包3，布局图片打包4、内容图片打包5、ES6打包 webpack-热门的模块加载器兼打包工具webpack介绍webpack作用browerify和webpack的区别webpack的安装webpack编译第一个例子loader加载其他类型文件webpack.config.js用其他名字的配置文件生产环境编译开发环境编译监听文件变化生成source-mapbabel配置babelrc文件的作用webpack-dev-server端口号更改热重载、实时刷新

为什么需要优化优化的方式如何使用dll优化为什么需要优化相信使用过webpack的童鞋应该有体会到，在文件相对较庞大时，webpack的构建速度是非常慢的，那这样的话对我们的开发人员来说体验非常不好。优化的方式性能优化方式有很多，这里来介绍一下dll，dll是一种最简单粗暴并且极其有效的优化方式，且我的公司项目也是用的这种方式。如何使用dll优化在...

前言这里记录下webpack打包js文件的配置和遇到的问题。因环境版本等不同，解决办法未必都是通用的，仅作为大家参考之用；我的环境配置 macOS M1 系统 webpack版本：(全局版本）webpack 5.49.0，webpack-cli 4.7.2 node版本：v14.17.4 开发工具：webstorm 学习自建目录结构 dist目录下存放的是我们webpack打包后的最终js输出文件 node_modules 是我们安装项目本地的webpack后，目录自动生成的，全局和本地的webpa

39,082

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章