700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue webpack打包入口文件是哪个_Vue项目起步

vue webpack打包入口文件是哪个_Vue项目起步

时间:2024-04-14 18:18:29

相关推荐

vue webpack打包入口文件是哪个_Vue项目起步

一,安装nodejs软件(直接商城搜索安装即可)。

二,配置npm

npm install npm -g

三,配置webpack,在cmd中安装。

npm install -g webpacknpm install -g webpack-cli

四,指导webpack在自己项目文件夹中工作,需书写webpack.config.js

const path = require('path');module.exports = {// 打包模式,development不加密,打包快;// production生产模式,在服务器上部署了,加密、打包慢mode: 'development',// 入口,从哪个文件开始打包entry: './app/main.js',// 出口,打包到什么地方output: {// 文件名filename: 'bundle.js',// 路径path: path.resolve(__dirname, 'dist')}}

五,保护硬盘需安装

npm install -g webpack-dev-server

六,为了让webpack能够认识css文件,必须安装css-loader。

npm install --save css-loadernpm install --save style-loader

七,安装Vue依赖

npm install --save vue-loadernpm install --save vue-template-compiler

八,安装Vue

npm install --save vue

九,由于loader装了3个,webpack有一个问题,就是必须在项目中重新安装webpack。

npm install --save webpack

十,项目文件夹中应有

app文件夹中有一个main.js文件,还有一个App.vue文件

各文件创建:

十一,webpack.config.js自己写,package.json创建

npm init

安装各种依赖都保存在package.json里

npm install --save ...

npm install

从package.json安装依赖到node_modules

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。