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-01 19:00:46

    触发onclick事件元素的获取

    自动生成元素的onclick事件 event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素

  • 2020-03-03 09:46:42

    JS实现HTML标签转义及反转义

    简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。

  • 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 语法的。