1.0.0 • Published 5 years ago
fast-dev v1.0.0
fast start a webpack-dev-server and build
Installation
$ npm install fast-dev -gUsage
Enter the working directory and start a webpack-dev-server
$ devSpecify the port number, default 8080
$ PORT=8081 devbuild a library
$ buildbuild a vue project
$ build vuemore configuration
Create a new file in your working directory named '.fastdev.js' if you need more configuration.
// .fastdev.js
module.exports = {
/**
* Type: String || Object
* Default: the 'main' field of package.json or 'index.js'
*
* The path is relative to your working directory.
* Refer to the entry of webpack.
*/
entry: {
app: "index.js" // example
},
/**
* Type: Object
*
* The path is relative to your working directory.
*/
output: {
path: "dist", // default: "dist"
filename: "[name].min.js", // Effective only when building a library. Default: "[name].min.js"
libraryTarget: "commonjs2" // Effective only when building a library. Default: "commonjs2"
},
/**
* Type: String || Object
*
* Pass a string path if you need to use your HTML template.
* The path is relative to your working directory.
*/
template: {
title: "fast-dev", // Html title. Default: 'fast-dev'
platform: "pc", // Set it to 'mobile' to add <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">.
favicon: "favicon.ico", // Relative to your working directory
js: ["library.js", ...], // Add <script src="library.js"></script>
css: ["cssAssets.css", ...] // Add <link rel="stylesheet" href="cssAssets.css" />
}
}html template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--mobile meta-->
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<title>Your-title</title>
</head>
<body>
<div id="app"></div>
<!--js/css assets will be insert here-->
</body>
</html>alias
// '@' is an alias for your working directory
require("@/assets/example.svg");