vue webpack 安装raw-loader支持

2020-03-04 12:56:59

参考连接 https://www.webpackjs.com/loaders/raw-loader/

raw-loader

查看原文|查看仓库|编辑此页

A loader for webpack that lets you import files as a string.

安装

npm install --save-dev raw-loader

用法

通过 webpack 配置、命令行或者内联使用 loader。

##

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/,
        use: 'raw-loader'
      }
    ]
  }}

在你的项目中

import txt from './file.txt';

通过命令行（CLI）

webpack --module-bind 'txt=raw-loader'

在你的项目中

import txt from 'file.txt';

内联使用

在你的项目中

import txt from 'raw-loader!./file.txt';

维护者


  • 精彩推荐

  • 2020-11-08 08:31:51

    meteor在不同端口启动服务

    当没有任何参数时,run是默认行为,在幕后,它3000端口开启node.js服务器实例,同时开启监听3001端口的MongoDB服务

  • 2020-11-11 15:05:39

    nuxt如何在其它js文件中使用store

    在新建的js文件中想用store里面的数据，比如token想在封装的axios里面，请求头里面去使用，亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。

  • 2020-11-12 14:01:46

    使用postMessage来实现父子通信跨域

    1.子向父，子postMessage,父监听message; 2.父向子，父postMessage,子监听message; 3.测试发现，子向父postMessage的时候，源可以写为‘*’，父向子postMessage的时候，源需要写成子的源，(也就是子页面的协议+主机号+端口) 测试代码部分：

  • 2020-11-12 14:24:39

    Object.entries()

    Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）