# parcel-plugin-inline-source **Repository Path**: ccts/parcel-plugin-inline-source ## Basic Information - **Project Name**: parcel-plugin-inline-source - **Description**: parcel插件，用于内联js/css文件到html - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-05-22 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: javascript-toolkits **Tags**: None ## README # parcel-plugin-inline-source [![NPM Version](https://img.shields.io/npm/v/parcel-plugin-inline-source.svg?style=flat-square)](https://www.npmjs.com/package/parcel-plugin-inline-source) [![NPM Downloads](https://img.shields.io/npm/dm/parcel-plugin-inline-source.svg?style=flat-square)](https://www.npmjs.com/package/parcel-plugin-inline-source) > 基于 [inline-source](https://github.com/popeindustries/inline-source) 实现，在需要内联的 ` ``` ```css /* style.css */ header, footer { padding: 2em; background: #16f; color: #fff; } section { padding: 2em; background: #fff; color: #16f; } ``` ```js // index.js import { render, Component } from 'preact'; class App extends Component { constructor() { super(); } componentDidMount() { setInterval(this.update.bind(this), 1000); this.update(); } update() { this.setState({ time: new Date() }); } render() { let { time } = this.state; return (
parcel-plugin-inline-source
{time ? time.toLocaleString() : ''}
); } } render(, document.body); ``` ### Build: 执行命令 `parcel build index.html` > 只有在 `parcel build` 操作或者生产环境（`NODE_ENV = 'production'`） 的情况下会自动进行内联操作 ### Output: ```html parcel-plugin-inline-source ```