一个做炉石视频的网站,国际公司,医疗网站模板免费下载,中国十大品牌策划机构前言#xff1a;有些时候在工程化开发中#xff0c;我们需要读取文件里面的原始内容#xff0c;比如#xff0c;你有一个文件#xff0c;后缀名为 .myfile#xff0c;你需要拿到这个文件里的内容#xff0c;该怎么处理呢。
在 vue2 中#xff0c;因为 vue2 使用 vue-c…前言有些时候在工程化开发中我们需要读取文件里面的原始内容比如你有一个文件后缀名为 .myfile你需要拿到这个文件里的内容该怎么处理呢。
在 vue2 中因为 vue2 使用 vue-cli 脚手架构建工具用的 webpack。然后对不同后缀的解析使用的不同 load我们自己定义的后缀文件 .myfilewebpack 不知道需要用什么 load 去解析它所以我们需要在 vue.config.js 里面配置。
在组件中导入 .myfile 文件
templatediv{{ myfile }}/div
/templatescriptimport myfile from ./xx.myfile;export default {data() {return {myfile,};},};
/script
vue.config.js 配置 load 解析后缀名为 .myfileraw-load 专门用来拿原始内容的。
const { defineConfig } require(vue/cli-service);module.exports defineConfig({configureWebpack: {module: {rules: {text: /\.myfile$/,loader: raw-loader,},},},
}); 在 vue3 中就很简单了直接给导入的文件加入后缀就可以
templatediv{{ myfile }}/div
/templatescript setupimport myfile from ./xx.myfile?raw;
/script
