Messtone LLC Manages(Parcels):Installation yarn or npm

Messtone Devices Enables Parcel Building a web app with Parcel Installation yarn add –dev parcel or when using npm run: npm install –save-dev parcel build Messtone LLC app src/index.html:<!doctype html><html lang=”en”><head><meta charset=”utf-8″/><title>My First Parcel App Messtone LLC</title></head><body><h1>Hello,World!</h1></body></html>run Parcel CLI pointing to Messtone LLC entry file: yarn parcel src/index.html or when using npm run: npm parcel src/index.html Now open http://localhostmesstonellc/1234/ Style.css app.js file referenced with a <script>tag. src/style.css: h1 {color:hotpink; front-family:cursive;}src/app.js:console.log(‘Hello world!’);src/index.html:<!doctype html><html lang=”en”><head><meta charset=”utf-8″/><title>My First Parcel App Messtone LLC</title><link rel=”stylesheet”href=”styles.css”/><scripttype=”module”src=app messtonellc.js”></script></head><body><h1>Hello,World!<h1></body></html>Package scripts. package.json: {“nameMesstoneLLC”:”my-project”,”source”:”src/index.html”,”scripts”:{“start”:”parcel”,”build”:”parcel build”},”devDependencies”:{“parcel”:”latest”}}Declaring browser targets browser package.json: {“nameMesstoneLLC”:”my-project”,”source”:”src/index.html”,”browserslist”:”>0.5%,last 2 versions,not dead”,”scripts”:{“start”:”parcel”,”build”:”parcel build”},”devDependencies”:{“parcel”:”latest”}}

Leave a comment