一，安裝nodejs軟件（直接商城搜索安裝即可）。

二，配置npm

npm install npm -g

三，配置webpack，在cmd中安裝。

npm install -g webpack
npm install -g webpack-cli

四，指導(dǎo)webpack在自己項(xiàng)目文件夾中工作，需書(shū)寫(xiě)webpack.config.js

const path = require('path');module.exports = {// 打包模式，development不加密，打包快；// production生產(chǎn)模式，在服務(wù)器上部署了，加密、打包慢mode: 'development',// 入口，從哪個(gè)文件開(kāi)始打包entry: './app/main.js',// 出口，打包到什么地方output: {// 文件名filename: 'bundle.js',// 路徑path: path.resolve(__dirname, 'dist')}
}

五，保護(hù)硬盤(pán)需安裝

npm install -g webpack-dev-server

六，為了讓webpack能夠認(rèn)識(shí)css文件，必須安裝css-loader。

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

七，安裝Vue依賴(lài)

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

八，安裝Vue

npm install --save vue

九，由于loader裝了3個(gè)，webpack有一個(gè)問(wèn)題，就是必須在項(xiàng)目中重新安裝webpack。

npm install --save webpack

十，項(xiàng)目文件夾中應(yīng)有

各文件創(chuàng)建：

十一，webpack.config.js自己寫(xiě)，package.json創(chuàng)建

npm init

安裝各種依賴(lài)都保存在package.json里

npm install --save ...

用

npm install

從package.json安裝依賴(lài)到node_modules

總結(jié)

以上是生活随笔為你收集整理的vue webpack打包入口文件是哪个_Vue项目起步的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。