webpack react專案搭建一 環境

字數1245

閱讀1180

喜歡4

見知乎文章

tbd

$ mkdir webpack-react-demo

$ cd webpack-react-demo
$ npm init
$ touch .gitignore
$ touch webpack.config.js

其中.gitignore用於說明**提交時忽略的檔案，可參考下面的常用配置

logs

*.log
.grunt
node_modules
bower_components
build

templates (模版資料夾)

package.json (專案及npm包版本資訊)

webpack.config.js (webpack配置檔案)

向webpack.config.js檔案寫入一下內容：

var path = require('path');

var webpack = require('webpack');
var htmlwebpackplugin = require('html-webpack-plugin');
var root_path = path.resolve(__dirname);
var build_path = path.resolve(root_path, 'build');
var tem_path = path.resolve(root_path, 'templates');
module.exports= ,
output: ,
resolve: ,
//啟動dev source map，出錯以後就會採用source-map的形式直接顯示你出錯**的位置。
devtool: 'eval-source-map',
//enable dev server
devserver: }},
//babel重要的loader在這裡
module: 
],loaders: [},]
},//配置jshint的選項，支援es6的校驗
// any jshint option 
jshint: ,
plugins: [
//這個使用uglifyjs壓縮你的js**
new webpack.optimize.uglifyjsplugin(),
new htmlwebpackplugin(),
new htmlwebpackplugin(),
//把入口檔案裡面的陣列打包成verdors.js
new webpack.optimize.commonschunkplugin('vendors', 'vendors.js')
]}

...

"scripts": ,
...

...

"devdependencies": ,
"dependencies": 
...

import '../node_modules/bootstrap/scss/bootstrap.scss';

import
react from 'react';
import
reactdom from 'react-dom';
import $ from 'jquery';
class
extends
react.component
render() 
};

npm run dev如下所示說明babel和bootstrap正確使用了。

首頁

python Django mysql專案搭建步驟

2 匯入django，mysqll聯結器mysqlclient 3 新增資料庫連線，編輯settings.py配置檔案。匯入連線包到工程，寫 init py import pymysql pymysql.install as mysqldb 5 初始化資料 6 啟動應用 訪問admin後台驗證 7 ...

Nhiberate 二 搭專案

使用 visual studio 2015 sql server 2012。參考。測試可用 其中有點不太一樣的地兒，1.sqlserver 新建一張表,2.vs 新建專案 參考 userinformation.data 資料層，存放資料庫的操作及nhibernate輔助類。userinformati...

Django 實戰 之 搭專案（正在更新）

系統 win10 python版本 python 3.5 工具 pycharm 3.4 professional 步驟2開啟 runn edit configurations 選擇django server 選擇或者新建伺服器，調整埠等資訊 步驟3 run 結果輸出 process finished...