Webpack - 把json文件打包进js文件

Posted 阿里P7之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Webpack - 把json文件打包进js文件相关的知识,希望对你有一定的参考价值。

html文件打包进index.js
 
1  新建文件 typings.d.ts
   declare module "*.html" {
  const content: string;
  export default content;
}  
2  在build/webpack.base.js 里新增配置:
{
test: /.html$/,
use: ‘html-loader‘,
},
 
3 安装 text-loader  :
npm install html-loader --save-dev
 
4 引入并测试
import prompt from ‘../../dom/Prompt.html‘;
console.log( prompt ) ;
 
 
 
把json文件打包进index.js
 
1  新建文件 typings.d.ts
declare module "*.json" {
const value: any;
export default value;
}
 
2  在build/webpack.base.js 里新增配置:
{
test: /.json$/,
loader: ‘json-loader‘,
},
 
3 安装json-loader
npm install json-loader --save-dev
 
4 引入并测试
import * as res from "./../egret/resource/default.res.json";
RES.parseConfig( res, "./egret/resource/" ) ;
 

以上是关于Webpack - 把json文件打包进js文件的主要内容,如果未能解决你的问题,请参考以下文章

webpack打包Js文件

在多个文件中import同一个文件,webpack会多次打包吗

webpack打包后访问不到json文件

webpack

js文件外打包的简单使用

一:webpack 介绍