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-03-03 09:51:38

    写一个可插入自定义标签的 Textarea 组件

    为了实现这个功能,我最先想的是改造一个 <textarea> 然后我想到了 contenteditable (链接指向 mozilla.org) 这一属性 这是一个 html5 的属性,可以让元素内容可编辑

  • 2020-03-03 20:18:21

    Vuepress如何做到在 Markdown 中使用 Vue 语法

    在 vuepress 刚出时,我就觉得这是个很值得追更的开源项目。果不其然,里面众多的前端编程技巧让我受益良多。 于是在周末这种日子里,人家追剧我追码。 今天,我就和大家分享下 vuepress 是如何做到在 Markdown 中使用 Vue 语法的。

  • 2020-03-03 21:35:57

    PWA:安装 Web 应用

    要完整介绍 PWA 是什么,需要扯一堆名词,毫无意义。 以改造公羊阅读的过程为例,简要的说明什么是 PWA。

  • 2020-03-04 13:00:23

    NPM酷库:minimist,命令行参数解析

    昨天我们了解的dotenv库用于从文件中加载环境变量。环境变量用于程序运行时动态加载参数,除了环境变量,我们还可以在启动Node.js 程序时直接指定命令行参数: