Webpack Vue Todolist 构建

webpack-vue-todolist 构建

安装依赖

  • 安装 webpack CLI:tnpm install webpack-cli --save-dev
  • 加载 CSS:tnpm install style-loader css-loader --save-dev
  • 解析 Vue:tnpm install vue-loader vue-template-compiler --save-dev

配置 Vue Loader

除了配置 Vue Loader 外,还需要配置 Vue Loader 插件,它可以将自定义规则应用到 .vue 文件中。

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')
zip
webpack-vue-todo-master.zip 预估大小:24个文件
folder
webpack-vue-todo-master 文件夹
file
package.json 2KB
file
readme.md 1KB
file
yarn-error.log 1KB
folder
dist 文件夹
file
vendors-node_modules___babel_runtime_7_12_13_babel_runtime_helpers_esm_defineProperty_js-node-dad2f3.bundle.js 436KB
file
index.html 236B
file
bundle.js 4.85MB
file
src_views_todo_index_vue.bundle.js 89KB
folder
src 文件夹
folder
images 文件夹
file
home.png 4KB
folder
views 文件夹
folder
todo 文件夹
file
index.vue 4KB
folder
common 文件夹
folder
style 文件夹
file
reset.css 253B
file
main.js 428B
folder
components 文件夹
folder
todo-list 文件夹
file
index.vue 1KB
folder
filter-tab 文件夹
file
index.vue 2KB
file
app.vue 413B
folder
router 文件夹
file
index.js 231B
folder
.idea 文件夹
file
misc.xml 174B
file
vcs.xml 183B
file
vue-todolist.iml 458B
file
modules.xml 276B
file
.gitignore 38B
file
.gitignore 310B
file
webpack.config.js 2KB
file
postcss.config.js 101B
file
babel.config.js 152B
zip 文件大小:1.2MB